English | 简体中文
Please be aware that the demos may exhibit significant accessibility issues, such as problems with keyboard navigation, speech synthesis, and progressive enhancement or degradation.
## <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)**- 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
[
[
[
]
[
]
[
A pure CSS time travel timeline that allows you to explore different eras.
[
]
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.
.png "SqaureRotationAnimation(1)")
A modern, interactive scroll-driven video animation created with pure CSS. Features cinematic video effects, gradient overlays, and smooth scroll animations - no JavaScript required!
[
[
]
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.
[
[
(./Text Change Animation/index.html)
Thanks to these wonderful people who have contributed to this project!
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!
This project is licensed under the GNU General Public License v3.0 (GPL-3.0) — see the LICENSE file for details.
