/css-and-js-code-snippets

A collection of real-life code snippets written in CSS and JavaScript for every web development project.

Primary LanguageCSS

Total components count

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 💻

HTML5 CSS3 JavaScript

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 ButtonDownload ButtonFloating Action ButtonSearch ButtonSend ButtonSubscribe ButtonRipple ButtonStar ButtonScroll To Top ButtonShare ButtonConfetti ButtonButton Bounce on Click EffectAccessible Floating Action Button
Loaders Cube LoaderHourglass LoaderText LoaderWhirlpool LoaderRotating Dots LoaderRipple LoaderSquare Border Fill Loader
Form Fields Multiselect DropdownPassword ValidationStar Rating FieldFeedback FieldFeedback Field with EmojisLabel AnimationToggle Password FieldRadio CardsInvalid Input Shake Animation
Carousels Split Screen Carousel
Hover Effects Button Border Fill UpButton StripesImage ShrinkTeam CardShare Button Hover EffectText Underline Hover EffectFocus Image on Hover EffectButton Background Rotate Hover EffectButton Wave AnimationCard Hover EffectMulti-line Underline Hover EffectLink Slide Up Hover EffectBook Flip Hover Effect
Icons Inbox IconNotification Bell IconSocial Icons
Text Animations Rotating TextLetter-by-Letter Text Reveal AnimationText Split and Reveal AnimationText Slide UpText Outline AnimationText Shadow AnimationInfinite Text LoopText Rotate Animation
Miscellaneous To-do List Check ItemSide Navigation BarVideo Clipped Inside TextPaginationCountdown AnimationDropdown MenuNav Active Link EffectItems Quantity CounterMenu SwitcherRotating Border AnimationStatistics CardCards Swipe EffectNavigation Menu Animation
Background Animations Waves AnimationParticles Animation