README.MD

    English | 简体中文

    You Don't Need JavaScript

    Join the community on Spectrum

    Please note these demos should be considered as CSS "Proofs of Concepts". They may have serious issues from accessibility point of view (keyboard navigation, speech synthesis, etc.), or progressive enhancement/degradation/etc.

    Style Guide:

    ## Subject
    
    [<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)
    
    ***
    &nbsp;

     

    Quick links

    1. Accordion / Toggle
    2. Carousel
    3. Counter of checked check-boxes
    4. Flip on click
    5. Floating label on Textfield
    6. Font-Face (Latin)
    7. Info on hover/ Popover
    8. Image Gallery
    9. Loaders
    10. Dropdown Menu
    11. Mobile menu off canvas
    12. Burger menu
    13. Fancy menu
    14. Modal/Popup
    15. Mouse tracking
    16. Parallax scrolling
    17. Tabs
    18. Todo List
    19. Tooltips
    20. Treeview
    21. Twitter Heart Animation
    22. Dynamic Image Colorizing
    23. Ripple Effect
    24. Responsive Counter Showing # of Items That Didn't Fit Screen
    25. Neumorphism Card Design

    Accordion / Toggle

    back to top


     

    Carousel

    back to top


     

    Counter of checked check-boxes

    back to top


     

    Flip on click

    back to top


     

    Floating label on Textfield

    back to top


     

    Font-Face (Latin)

    back to top


     

    Info on hover/ Popover

    back to top


     

    Image Gallery

    back to top


     

    Loaders

    back to top


     

    Dropdown Menu

    back to top


     

    Mobile menu off canvas

    back to top


     

    Burger Menu

    back to top


     

    Fancy Menu

    back to top


     

    Modal/Popup

    back to top


     

    Mouse tracking

    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


     

    Dynamic Image Colorizing

    back to top


     

    Ripple Effect

    back to top


     

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

    back to top


     

    Neumorphism Card Design

    back to top


     

    Contributing

    Welcome to contribute to this project. Send us a Pull Request now!

    项目简介

    🚀 Github 镜像仓库 🚀

    源项目地址

    https://github.com/you-dont-need/You-Dont-Need-JavaScript

    发行版本

    当前项目没有发行版本

    贡献者 38

    全部贡献者

    开发语言

    • CSS 100.0 %