Loading repository data…
ecemgo / repository
mini-samples-great-tricks
This repository includes mini samples using CSS animations or JS libraries to create sliders, dashboards, landing pages and login forms. You can find more from my CodePen profile.
#animation#codepen#css#css-animations#dashboard#greensock
Live repository statistics
★ 81Stars
⑂ 28Forks
◯ 0Open issues
◉ 81Watchers
README preview
Mini Samples Great Tricks
This repository includes mini samples using CSS animations or JS libraries to create sliders, cards, dashboards, landing pages, and login forms.
Tools used in samples:
Note: These projects are licensed under the Creative Commons Attribution-NonCommercial 4.0 International License. You may use, share, and adapt these works for non-commercial purposes, provided you give appropriate credit. For more details, visit Creative Commons Attribution-NonCommercial 4.0 International License.
Slider
Cards
| # | Samples |
|---|---|
| 01 | Card Hover Effect |
| 02 | 80s Music Facts - Animated Cards |
| 03 | Expanding Cards |
| 04 | Stacked Cards with Autoplay |
Login Form
| # | Samples |
|---|---|
| 01 | Form Validation |
| 02 | Login Form with Snow |
Dashboard
| # | Samples |
|---|---|
| 01 | Fitness App Dashboard |
| 02 | Responsive Dashboard with Sliders and Music Player |
| 03 | Responsive Dashboard with Doughnut Chart |
Landing Page
| # | Samples |
|---|---|
| 01 | Octoberfest Landing Page |
| 02 | Mentorship Landing Page |
| 03 | Retrobeats Landing Page |
| 04 | Responsive macOS Style Portfolio |
Game
| # | Samples |
|---|---|
| 01 | Guess the Movie |
Parallax Effect
| # | Samples |
|---|---|
| 01 | Parallax Effect |
| 02 | Halloween Parallax |
Scroll Animation
| # | Samples |
|---|---|
| 01 | Collage Art - Scroll Animation and Lightbox |
Author
- Github - @ecemgo
- CodePen - @ecemgo
- YouTube - @ecemgokdogan
- Twitter - @ecemgo