css-and-js-code-snippets 💛

A collection of real-life code snippets for every web development project. Each folder contains the stylesheet and script file (if required).

Tech Stack 💻

Categories 🍁

This repository is divided into mentioned categories. You may navigate accordingly to find cool web components to add to your project!

Category	Components
Buttons	Delete Button • Download Button • Floating Action Button • Search Button • Send Button • Subscribe Button • Ripple Button • Star Button • Scroll To Top Button • Share Button • Confetti Button • Button Bounce on Click Effect • Accessible Floating Action Button
Loaders	Cube Loader • Hourglass Loader • Text Loader • Whirlpool Loader • Rotating Dots Loader • Ripple Loader • Square Border Fill Loader
Form Fields	Multiselect Dropdown • Password Validation • Star Rating Field • Feedback Field • Feedback Field with Emojis • Label Animation • Toggle Password Field • Radio Cards • Invalid Input Shake Animation
Carousels	Split Screen Carousel
Hover Effects	Button Border Fill Up • Button Stripes • Image Shrink • Team Card • Share Button Hover Effect • Text Underline Hover Effect • Focus Image on Hover Effect • Button Background Rotate Hover Effect • Button Wave Animation • Card Hover Effect • Multi-line Underline Hover Effect • Link Slide Up Hover Effect • Book Flip Hover Effect
Icons	Inbox Icon • Notification Bell Icon • Social Icons
Text Animations	Rotating Text • Letter-by-Letter Text Reveal Animation • Text Split and Reveal Animation • Text Slide Up • Text Outline Animation • Text Shadow Animation • Infinite Text Loop • Text Rotate Animation
Miscellaneous	To-do List Check Item • Side Navigation Bar • Video Clipped Inside Text • Pagination • Countdown Animation • Dropdown Menu • Nav Active Link Effect • Items Quantity Counter • Menu Switcher • Rotating Border Animation • Statistics Card • Cards Swipe Effect • Navigation Menu Animation
Background Animations	Waves Animation • Particles Animation