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
Travelling Website
Info on hover/ Popover
Image Gallery
Image Comparison Slider
Interactive Image Gallery
[
]
[
Loaders
MasterCard
Dropdown Menu
Mobile menu off canvas
Burger Menu
Button Animation
Button Rotate and Ripple Animation
Button Hover Click Animation
Morph Loader
Compass Loader
Fancy Menu
Footer
Modal/Popup
Mondrian Composition
Mouse tracking
NavBar
Parallax scrolling
Tabs
Time Travel
A pure CSS time travel timeline that allows you to explore different eras.
Toast Notifications
Flip grid
Flipbook Storyboard
Todo List
Tooltips
Treeview
Twitter Heart Animation
Tri Color Loader
Traffic Light Loader
Book Animation
Dynamic Image Colorizing
DarkMode
Ripple Effect
Responsive Counter Showing # of Items That Didn't Fit Screen
Readar Loader
Resizable Split Panel
A login Page with Glassmorphism Effect
[
]
Neumorphism Card Design
Neon Button
Neon Card
Night City
A pure CSS animation showcasing a dynamic night city scene with interactive views. Features a detailed cityscape with animated elements and a road scene with moving vehicles, all without JavaScript.
Netflix Clone Demo
Shake Button
Shake Button
CSS Form Handling
Download_buttons
Download buttons
Dog Box Animation
Thankyou-Animation
Square_rotation_animation (Latin)
.png "SqaureRotationAnimation(1)")
Switch
Bonfire
Scenery
Bubble
Flower
Jumping Ball
Light Bulb Animation
Lighthouse Scene
Loading Css effect
Lego Loader
City animation footer
Smoke
Loader
Spiner
Fire
Flame
Shuffling squares
Floating-labelV2
scary-animation
Scroll Video Cinematic Animation
A modern, interactive scroll-driven video animation created with pure CSS. Features cinematic video effects, gradient overlays, and smooth scroll animations - no JavaScript required!
infinite-carousel
growing-flower
Playing Card Animation
Star Wars Intro
Gradient Animation
Zoom when hover
Floating-labelV2
CSS Tables
3D Transform
Animated Button
Css FLEX
Coffee-Animation
Basketball-Animation
Business-Card
SolarSystem
Spaceship
Timeline
Radial Color Puslar
Retro Loader
Pendulum
SlicedButton
Rating Star
DVD Screen Saver
ProfileCards
RotateSquare
[
Stickman Animation
Clock App
MakemyTrip
Zomato
3D card flip transition
[
]
Baby Yoda Animation CSS
Debit Card Hover Effect
Progress bar on scroll
Password Strength Checker
Horizontal Image Slider
Mutli Step Checkout
Carousel Effect
Piano
Interactive Resume
An interactive resume built entirely using HTML and CSS — featuring animations, hover effects, and smooth transitions that bring your profile to life.
No JavaScript used.
Mewtwo Pokémon Card
Kaleidoscope
Glide to Reveal
Rotating Text
Input Text Field
[
Night fire camp
[
Carousel
Terminal Animation
Text Change Animaton
(./Text Change Animation/index.html)
Contributors
Thanks to these wonderful people who have contributed to this project!
Contributing
We welcome contributions from the community to make this project better. Feel free to fork the repository, make your changes, and submit a pull request. Be sure to follow our Code of Conduct.
For detailed guidelines on how to contribute, please refer to our CONTRIBUTING file.
Let's build something great together!
License
This project is licensed under the GNU General Public License v3.0 (GPL-3.0) — see the LICENSE file for details.