Displaying 1 to 16 from 16 results

devices.css - Devices.css - Modern devices in pure CSS

  •    CSS

All devices are elegantly developed in pure CSS. The first are newly announced iPhone X and iPhone 8. More devices are coming. You can use these minimal devices in landing and screenshot showcase pages. Download the compiled and minified Devices.css files. Include devices.css located in /dist in your website or Web app <head> part.

instagram.css - Complete set of Instagram filters in pure CSS

  •    CSS

Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to the CSSgram for inspiration. Download the compiled and minified Instagram.css files. Include instagram.css located in /dist in your website or Web app <head> part.

fileicon.css - Fileicon.css - The customizable pure CSS file icons

  •    CSS

Pure CSS file icons. Help you create file icons with pure CSS codes. (eg. doc, pdf, png, zip and so on). Copyright (c) 2014-2015 Picturepan2. MIT Licensed, see LICENSE for details.

wenk - :wink: Lightweight pure CSS tooltip for the greater good

  •    CSS

Wenk is a Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS. Simply add the data-wenk attribute to your HTML with the text you want to display.




css-components - :coffee: A set of common UI Components using the power of CSS and without Javascript

  •    HTML

A set of common UI Components using the power of CSS and without Javascript. * CSS3 transitions are not supported in IE8 and below. ** Janky z-index. See tooltip on right example.

css-ripple-effect - Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation

  •    CSS

Main advantage of this solution is that there is no DOM manipulation in order to create animation. That means this is faster - it doesn't use JavaScript or jQuery to animate. This solution is also implemented in one of the biggest Bootstrap theming libraries Bootswatch in their Materia theme.


mega-nav - A simple mega nav menu in pure CSS

  •    HTML

A simple mega nav menu in pure CSS. Mega navs are an effective feature for large menu content and surprisingly easy to implement. If you've wanted to put one together but didn't know where to start, this quick walkthrough is for you.

responsive-css-grid - A super-lightweight, responsive, 8-column grid based on box-sizing

  •    CSS

A super-lightweight, responsive, 8-column grid based on box-sizing. Issues with the output should be reported on the responsive-css-grid issue tracker.

piano - 🎹To play piano using CSS and JavaScript

  •    CSS

This project uses Pug, Stylus and Webpack. With the commands above, you have everything to start.

react-count-down - A count down react component

  •    Javascript

react-count-down is a simple count down component using react. react-count-down can be used with your own custom styles. A minimal countdown.css style sheet is included as a guide.

vue-css-donut-chart - Lightweight Vue component for drawing pure CSS donut charts

  •    Vue

With sane defaults in place, basic usage is as simple as passing a sections array of objects with a value prop to vc-donut component. If you want more control over text content of the chart, default slot can be used instead of the text prop.

tipograf - Lightweight pure CSS typography base for your next project

  •    HTML

tipograf is a Lightweight typography base. Heavily inspired by Medium, it tries to enforce good vertical rhythm. It's available in pure CSS, cssnext using PostCSS, Less or SCSS. tipograf is highly customizable and should be changed to meet your preference 👍.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.