Skip to content

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.

Notifications You must be signed in to change notification settings

ecemgo/mini-samples-great-tricks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

great tricks 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:

HTML5  CSS3  JavaScript  Swiper  Green Sock  ScrollReveal  Chart.js  Figma  Particles JS  tsParticles 

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

# Samples
01 Responsive Slider with Vanilla Javascript
02 Card Effect Slider
03 Neumorphic Slider
04 Responsive Slider with Scrollbar
05 Background Slider with The Hero
06 Slider with Two Different Sidebars
07 Animated Slider
08 Animated Slider II
09 Cube Effect Slider
10 Music Player with Slider
11 Vertical Slider with Clip-Path Animation

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