Loading repository data…
you-dont-need / repository
You-Dont-Need-JavaScript
CSS is powerful, you can do a lot of things without JS.
#accordion#burger-menu#carousel#counter#css#font
Live repository statistics
★ 20.6KStars
⑂ 1.5KForks
◯ 75Open issues
◉ 20.6KWatchers
README preview
English | 简体中文
You Don't Need JavaScript
Please be aware that the demos may exhibit significant accessibility issues, such as problems with keyboard navigation, speech synthesis, and progressive enhancement or degradation.
Style Guide:
## <a id="DemoSubject"></a>Carousel
[<img src="images/image1.png" height="230" title="Demo 1">](http://url-to-page)
[<img src="images/image2.png" height="230" title="Demo 2">](http://url-to-page)
[<img src="images/image3.png" height="230" title="Demo 3">](http://url-to-page)
**[⬆ back to top](#quick-links)**
Quick Links
- You Don't Need JavaScript
- Website Demo Using HTML CSS
- Style Guide
- Accordion / Toggle
- Analog Clock
- Animated Button
- Animated Buttons
- Badge
- Bonfire
- Book Animation
- Bubble
- Bus
- Burger Menu
- Button Animation
- Button Hover & Click Animation
- Button with Rotating Text & Ripple Animation
- Baby Yoda Animation
- Captain America Shield
- Carousel
- Compass Loader
- City Animation Footer
- Carousel Effect
- Counter of Checked Checkboxes
- CSS Form Handling
- Climbing Loading
- Download_buttons
- Dog Box Animation
- Dismissible Alert
- Dropdown Menu
- Dynamic Image Colorizing
- Earth
- Enable Dark Mode
- Fancy Menu
- Flip the grid
- Flip on Click
- Flipbook Storyboard
- Floating Label on Textfield
- Floating Labels V2
- Font-Face (Latin)
- Footer
- Gradient Animation
- Growing Flower
- Horizontal image slider
- Hourglass Sand Timer
- Hover Animation
- Image Gallery
- Image Hover Effect
- Image Comparison Slider
- Infinite Carousel
- Info on Hover / Popover
- Input Text Field
- Interactive Resume
- Jumping Ball
- Light Bulb Animation
- Lighthouse Scene
- Loader Diamond Animation
- Loaders
- Loading_Css_effect
- Lego_Loader
- MasterCard
- Mobile Menu Off Canvas
- Modal/Popup
- Mondrian Composition
- Morph Loader
- Mouse Tracking
- Multi Step Checkout
- NavBar
- Neon Button
- Neon Card
- Netlix Clone v2
- Neumorphism Card Design
- Night City
- Parallax Scrolling
- Pendulum
- Playing Card Animation
- Product Cards
- Profile Cards
- Radial Color Pulsar
- Responsive Counter Showing # of Items That Didn't Fit Screen
- Retro Loader
- Ripple Effect
- Redar Loader
- Resizable Split Panel
- Rotating Text
- Scary Animation
- Scenery
- Scroll Video Cinematic Animation
- Shake Button
- Shuffling Squares
- Star Wars Intro
- Switch
- Social Media Icons
- Spaceship
- Tables
- Tabs
- MakemyTrip
- Text Hover Gallery
- Text Spoiler Effect
- Timeline
- Time Travel
- Thank You Animation
- Toast Notification
- Todo List
- Tooltips
- Treeview
- Twitter Heart Animation
- Tri Color Loader
- Traffic Light Loader
- Book Animation
- Zomato
- Zoom When Hover
- Debit Card Hover effect
- Progress Bar On Scroll
- Password Strength Checker
- Pricing Table
- Text Change Animation
- Glide to Reveal
- Terminal Animation
- Contribution
EARTH
Image Hover Effect
CSS Toggle
Text Spoiler Effect
Light Theme:
[
Dark Theme:
[
Blog Post Cards
Faq Section
Pricing Table
Social_media_icons
[]
Accordion / Toggle
Animated Buttons
Bus
Captain America Shield
Carousel
Counter of checked check-boxes
Climbing Loading
Flip on click
Flip on click
Animated Box
Analog-clock
Badge
Badge
Font-Face (Latin)
Website Demo
[](https://github.com/Garv0504/You-Dont-Need-JavaScript/blob/addingWebsite/new-websi