Awesome Web Styling with CSS Animation Effects ⭐️

This repository is dedicated to Web styling using HTML5 + CSS3. (often using JavaScript and jQuery.)

I started collecting component items for faster and prettier UI.

I hope this repository will help you.

There will be continuous updates in the future. Thank you!

Accordian Menu Effect

• Simple Card Accordion

Box Model 📦

• Responsive Box Model Design

Button

• Glowing Gradient Button Animation Effects on Hover

• Notification Button UI Design

• Delivery Truck on Road Button

• Subscription Button with Regex

Card

• Price Table User Interface Design

• Zoom In n Out Image Card

Checkbox

• CSS Creative Checkbox Design

• CSS Custom Animated Checkbox

• CSS Custom Checkbox List Design

• Glowing Checkbox Button Design

Form

• Animate Login and SignUp

• Input Label Slide Up On Hover

• Simple Login Form Gradient Background

Hamburger

• Zoom In - Zoom Out Hamburger Menu Icon Effect

• Transforming Hamburger Menu Icon

Indicator

• Falling Arrow Effect 1

• Falling Arrow Effect 2

Layout

• Draggable Grid System with Gridster.js

• Responsive Masonry Grid Layout Like Pinterest

List

• Post List UI Design

• Style Lists with CSS Hover Effect

• Transforming Social Media List Toggle Icon

Loading

• 19 Simple Spinner collections

• Analog Clock Shape Loading

• Bounce-X Loading Animation

• Bounce-Y Loading Animation

• Changing Shape Loading

• Css Svg Following Spinner

• Detached Diamond Loading Animation

• Flip Loading Animation

• Loading page similar to Windows

• Netflix Logo Reveal Animation

• No Freeze Spinner

• Simple square point loading

• Widget Spinner Loading

Modal

• Animated Modal No JavaScript

Mouse

• Moving Light Effects According To Mousemove

• Sketch.js Mousemove Effects

Navigation

• Navigation Bar Like Apple.com

• Responsive Menu

• Responsive Sidebar Menu for Mobile

• Responsive Transparent Menu

• Transforming Page Movement Navigation

Neumorphism

• Dark Mode / Login Form

• Neumorphism Card UI Hover Effects

• Neumorphism Typography and Shape

Page Design

• Responsive Page Use Media Query

• Responsive Vertical Timeline Design

• Vertical Timeline Design

Scrolling

• Customize Scrollbar Using CSS

• Smooth Scrolling Effect

• Trigger CSS Animate On Scroll

Selectbox

• Styling Dropdown Select Box

Slider

• 3D Responsive Touch Slider

• Box Slider Hover Effects

Text

• 3D Jumping Text Animation

• Loading Text Animation Effects

• Responsive Text Size

• Shining Text Animation Effects

• Text Filling with Water

• Text to Smoke Animation

• Wavy Text Animation Effects

Thumbnail

• Product Slider Like Flipcart

• Simple jQuery Photo Gallery

Tooltip

• Tooltip with Social Sharing