Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

    Full-Screen Menu Overlay with CSS3 & jQuery

    Full-Screen Menu Overlay with CSS3 & jQuery

    A full-screen menu, showcasing your brand and website navigation. Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations.

    Vertical Fixed Navigation with CSS & jQuery

    Vertical Fixed Navigation with CSS & jQuery

    A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

    Inspiration for Line Menu Styles with CSS3

    Inspiration for Line Menu Styles with CSS3

    The line is an amazing design element. It’s so versatile and it allows us to use it for adding enjoyable animations or enhance points of interest. Today we’d like to share a set of ideas for using the line as a design element in horizontal menus. There are many creative possibilities, some minuscule and subtle, others bold and more extravagant. We’ve prepared a little inspirational set for you where we explore some line menu styles.

    Percircle : CSS Percentage Circle with jQuery

    Percircle : CSS Percentage Circle with jQuery

    Percircle is a jquery plugin to make animated css Percentage Circle.

    Colofilter.css : Duotone Filters made with CSS

    Colofilter.css : Duotone Filters made with CSS

    Those colorful filters uses css blend modes and were heavily inspired by Spotify new 2015 ads.
    This technic is called “DuoTone”, and today, with the power of CSS we can play around with some blend-modes properties, to get some cool visual results.

    Lollipop Effect Click with jQuery & CSS3

    Lollipop Effect Click with jQuery & CSS3

    Probably you have noticed that ripple effect (known as ” ripple ” ) when you click any element in your android .

    Now you can implement it in your application very quickly .

    React Text Gradient Effect

    React Text Gradient Effect

    A React component that creates text gradients with CSS, including a SVG fallback.

    • Uses CSS gradients when possible (Chrome, Safari, iOS, android).
    • Uses SVG as fallback on Firefox.
    • The text remains as fluid text (never replaced with svg).
    • Font size, family, weight, etc… controlled by CSS as normal.

    Material Modern Chat with CSS & jQuery

    Material Modern Chat with CSS & jQuery

    Material Modern Chat is based on HTML and CSS and is inspired by Hangouts’s Chat Layout. If you have a working chat application or planning to make a new then it is for you.

    • 4 color theme
    • Flexible responsive
    • Elegant and clean design
    • Easy to implement, customize and style
    • Well Coded and Documented

    FlexTabs : jQuery Responsive Tabs to Accordion

    FlexTabs : jQuery Responsive Tabs to Accordion

    FlexTabs a Clean tabs is a CSS3 and jQuery completely responsive navigation tabs are made for any occasion and easy implementation with quick customization possibilites.

    If you wish to spice up your corporate website, blog, ecommerce site or a message board, with Tabbed it’s easy to show any content, video, price or data tables, form or other elements.

    Animated Menu to Cross Icon with CSS3 & jQuery

    Animated Menu to Cross Icon with CSS3 & jQuery

    The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon” ( ☰ -> ✖ ) .

    Some techniques use vanilla javascript, some uses jQuery and some are powerd by CSS only!