Skip to content

honsa/You-Dont-Need-JavaScript

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

English | 简体中文

You Don't Need JavaScript

Join the community on Spectrum

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


Image Hover Effect

Image-Hover-Effect

⬆ back to top


CSS Toggle

Toggle Toggle

⬆ back to top


Text Spoiler Effect

Light Theme:

Dark Theme:

⬆ back to top

Blog Post Cards

⬆ back to top


Faq Section

⬆ back to top


Pricing Table

⬆ back to top


Social_media_icons

[]

⬆ back to top


Accordion / Toggle

⬆ back to top


Animated Buttons

⬆ back to top


 

Bus

Captain America Shield

⬆ back to top


Carousel

Carousel-Nepal

⬆ back to top


Counter of checked check-boxes

⬆ back to top


Flip on click

⬆ back to top


Flip on click

⬆ back to top


Animated Box

⬆ back to top


Analog-clock

⬆ back to top


⬆ back to top


Badge

⬆ back to top


Font-Face (Latin)

⬆ back to top


Website Demo

⬆ back to top


Travelling Website

⬆ back to top


Info on hover/ Popover

⬆ back to top


Image Gallery

⬆ back to top


Interactive Image Gallery

[]
[

⬆ back to top


Loaders

CSS-Loader-Purna

⬆ back to top


MasterCard

⬆ back to top


Dropdown Menu

⬆ back to top


Mobile menu off canvas

⬆ back to top


Burger Menu

⬆ back to top


Button Animation

⬆ back to top


Button Rotate and Ripple Animation

⬆ back to top


Button Hover Click Animation

⬆ back to top


Compass Loader

⬆ back to top


Fancy Menu

⬆ back to top


Footer

⬆ back to top


Modal/Popup

⬆ back to top


Mouse tracking

⬆ back to top


NavBar

⬆ back to top


Parallax scrolling

⬆ back to top


Tabs

⬆ back to top


Todo List

⬆ back to top


Tooltips

Treeview

⬆ back to top


Twitter Heart Animation

⬆ back to top


Book Animation

⬆ back to top


Dynamic Image Colorizing

⬆ back to top


DarkMode

⬆ back to top


Ripple Effect

⬆ back to top


Responsive Counter Showing # of Items That Didn't Fit Screen

⬆ back to top


A login Page with Glassmorphism Effect

[]

⬆ back to top


Neumorphism Card Design

⬆ back to top


Neon Button

⬆ back to top


Neon Card

⬆ back to top


Netflix Clone Demo

⬆ back to top


Shake Button

⬆ back to top


Shake Button

⬆ back to top


Download buttons

⬆ back to top


Dog Box Animation

⬆ back to top


Thankyou-Animation

⬆ back to top


Square_rotation_animation (Latin)

⬆ back to top


Switch

⬆ back to top


Bonfire

⬆ back to top


Scenery

⬆ back to top


Bubble

⬆ back to top


Flower

⬆ back to top


Jumping Ball

⬆ back to top


Light Bulb Animation

⬆ back to top


City animation footer

⬆ back to top


Smoke

⬆ back to top


Loader

⬆ back to top


Spiner

⬆ back to top


Fire

⬆ back to top


Flame

⬆ back to top


Shuffling squares

⬆ back to top


Floating-labelV2

⬆ back to top


scary-animation

⬆ back to top


infinite-carousel

⬆ back to top


growing-flower

⬆ back to top


Playing Card Animation

⬆ back to top


Star Wars Intro

⬆ back to top


Gradient Animation

⬆ back to top


Zoom when hover

⬆ back to top


Floating-labelV2

⬆ back to top


CSS Tables

Screenshot 2023-10-23 144658

⬆ back to top


3D Transform

animation

⬆ back to top


Animated Button

⬆ back to top


Css FLEX

Screenshot 2023-10-23 141538

Coffee-Animation

⬆ back to top


Basketball-Animation

⬆ back to top


Business-Card

img_source

⬆ back to top


SolarSystem

img_source

⬆ back to top


Pendulum

img_source

⬆ back to top


SlicedButton

img_source

⬆ back to top


Rating Star

img_source

⬆ back to top


DVD Screen Saver

img_source

⬆ back to top


ProfileCards

img_source img_source img_source img_source img_source img_source img_source

⬆ back to top


RotateSquare

[]

⬆ back to top


Stickman Animation

⬆ back to top


Clock App

img_source

⬆ back to top


MakemyTrip

img_source


⬆ back to top

Zomato

img_source


⬆ back to top

3D card flip transition

[]

⬆ back to top


Baby Yoda Animation CSS

⬆ back to top


Debit Card Hover Effect

Screenshot 2024-10-11 103321

⬆ back to top


Progress bar on scroll

⬆ back to top


Horizontal Image Slider

⬆ back to top


Carousel Effect

Download the demo video

⬆ back to top

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.

⬆ back to top

Let's build something great together!

About

CSS is powerful, you can do a lot of things without JS.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 83.0%
  • CSS 15.2%
  • SCSS 1.8%