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

Canvas

• Moving Gradation

• Rotating Polygons

• Rotating Polygons 2

• Wavy Layer

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

Icon

• Folder Open Effect

• Location Pointer Animation

Indicator

• Falling Arrow Effect 1

• Falling Arrow Effect 2

• Mouse Scroll Down Effect

Input

• Simple Input Text Box

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

• Spinning Square SVG Loader

• 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

• Capture Effect Slider

• Simple Vanilla JS Carousel Slider

Text

• 3D Jumping Text Animation

• Ghost Text Animation

• Loading Text Animation Effects

• Responsive Text Size

• Shining Text Animation Effects

• Stretch Motion Text

• Text Filling with Water

• Text to Smoke Animation

• Wave Motion Text

• Wavy Text Animation Effects

Thumbnail

• Product Slider Like Flipcart

• Simple jQuery Photo Gallery

Tooltip

• Tooltip with Social Sharing

---

Web Site Template

• Responsive Web Xypo