Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/refusado/awesome-css-only

An awesome & curated list of beautiful projects made with pure CSS!
https://github.com/refusado/awesome-css-only

List: awesome-css-only

awesome awesome-list css css-only open-source purecss

Last synced: about 1 month ago
JSON representation

An awesome & curated list of beautiful projects made with pure CSS!

Host: GitHub
URL: https://github.com/refusado/awesome-css-only
Owner: refusado
License: mit
Created: 2023-06-15T23:28:20.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-10-03T07:50:53.000Z (about 1 year ago)
Last Synced: 2024-05-19T18:24:46.342Z (7 months ago)
Topics: awesome, awesome-list, css, css-only, open-source, purecss
Homepage:
Size: 5.86 KB
Stars: 20
Watchers: 1
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

fucking-lists - awesome-css-only
lists - awesome-css-only
ultimate-awesome - awesome-css-only - An awesome & curated list of beautiful projects made with pure CSS!. (Programming Language Lists / CSS Lists)

README

        # Awesome CSS Only

An awesome & curated list of beautiful projects made with pure CSS!

---

#### A

- [A-single-div](https://github.com/lynnandtonic/a-single-div) - :art: CSS drawings with only one HTML element.

- [All-animation](https://github.com/all-animation/all-animation) - A set of nice and crazy css animations made with the purpose to bring life and interactions to your project. 

- [Animate.css](https://github.com/animate-css/animate.css) - :popcorn: A cross-browser library of CSS animations. As easy to use as an easy thing.

- [Auroral](https://github.com/LunarLogic/auroral) - Animated background gradients with pure CSS.

- [Awesome-bootstrap-checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox) - ✔️Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier 

#### B

- [Balloon.css](https://github.com/kazzkiq/balloon.css) - Simple tooltips made of pure CSS.

- [Bonsai.css](https://github.com/bonsaicss/bonsai.css) - A Utility Complete CSS Framework for less than 45kb (8kB Gzipped).

#### C

- [42CSSTober](https://github.com/mewmewdevart/42CSSTober) - 42CSSTober, a CSS illustration for each day in October, because creating only web pages is insufficient. 

- [CSS-Checkbox-Library](https://github.com/hunzaboy/CSS-Checkbox-Library) - A huge library of Pure CSS Checkboxes for every taste.

- [CSS-file-icons](https://github.com/colorswall/CSS-file-icons) - Pure CSS icons for popular file extensions.

- [CSS-Minesweeper](https://github.com/imsun/CSS-Minesweeper) - An ugly Minesweeper in pure HTML & CSS without JS.

- [Css-modal](https://github.com/drublic/css-modal) - A modal built with pure CSS, enhanced with JavaScript.

- [CSS-ripple-effect](https://github.com/mladenplavsic/css-ripple-effect) - Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation 

- [CSS3-Slider](https://github.com/Aladinbensassi/CSS3-Slider) - Pure CSS3 Slider with multiple animation options.

- [Csshexagon](https://github.com/brenna/csshexagon) - Pure CSS hexagon generator, built with AngularJS.

- [Cssicon](https://github.com/wentin/cssicon) - Icon set made with pure css code, no dependencies, "grab and go" icons.

- [Csslider](https://github.com/drygiel/csslider) - Pure CSS slider.

- [Csspin](https://github.com/webkul/csspin) - CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner.

- [Cssplot](https://github.com/asciimoo/cssplot) - Pure CSS charts.

#### D

- [Devices.css](https://github.com/marvelapp/devices.css) - Pure CSS phones and tablets.

- [Driveway](https://github.com/jh3y/driveway) - Pure CSS masonry layouts.

#### F

- [Fileicon.css](https://github.com/picturepan2/fileicon.css) - The customizable pure CSS file icons.

- [Flags-in-CSS](https://github.com/pattle/Flags-in-CSS) - Countries flags in pure CSS.

#### G

- [Gameboy-css](https://github.com/baumannzone/gameboy-css) :space_invader: Pure CSS GameBoy - Includes animations and the original sound :loud_sound:

#### H

- [Hits-the-mole](https://github.com/luin/Hits-the-mole) - The Hits-the-mole game implemented in pure CSS.

#### I

- [Icons.css](https://github.com/picturepan2/icons.css) - Single Element Pure CSS icons.

- [Ihover](https://github.com/gudh/ihover) - iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.

- [Imagehover.css](https://github.com/ciar4n/imagehover.css) - Pure CSS Image Hover Effect Library.

- [Instagram.css](https://github.com/picturepan2/instagram.css) - Complete set of Instagram filters in pure CSS.

#### L

- [Load-awesome](https://github.com/danielcardoso/load-awesome) - An awesome collection of — Pure CSS — Loaders and Spinners.

- [Loaders.css](https://github.com/ConnorAtherton/loaders.css) - Delightful, performance-focused pure css loading animations. 

- [Loaderskit](https://github.com/viduthalai1947/loaderskit) - Single Element Pure CSS Spinners & Loaders.

- [Logos-in-pure-css](https://github.com/bchanx/logos-in-pure-css) - Company logos created in pure CSS.

#### P

- [Pretty-checkbox](https://github.com/lokesh-coder/pretty-checkbox) - A pure CSS library to beautify checkbox and radio buttons.

- [Progress.css](https://github.com/refusado/progress.css) - Create circular and horizontal progress bars with pure css adding just one attribute in your HTML tags :paintbrush:.

- [Pure](https://github.com/pure-css/pure) - A set of small, responsive CSS modules that you can use in every web project.

- [Pure-CSS3-Animated-Border](https://github.com/code-fx/Pure-CSS3-Animated-Border) - Pure CSS3 animated border for all html element.

- [Pure-drawe](https://github.com/mac81/pure-drawer) - Pure CSS transition effects for off-canvas views.

- [Purecss-circular-progress-bar](https://github.com/tiagobalmeida/purecss-circular-progress-bar) - Demos and experiments on web development ( CSS JS HTML ) - A pure css circular progress bar.

- [Purecss-francine](https://github.com/cyanharlow/purecss-francine) - HTML/CSS drawing in the style of an 18th-century oil painting. Hand-coded entirely in HTML & CSS.

- [Purecss-gaze](https://github.com/cyanharlow/purecss-gaze) - HTML/CSS drawing in style of italian renaissance painting. Hand-coded entirely in HTML & CSS.

- [Purecss-lace](https://github.com/cyanharlow/purecss-lace) - HTML/CSS drawing inspired by Flemish baroque oil portraits. Hand-coded entirely in HTML & CSS.

- [Purecss-pink](https://github.com/cyanharlow/purecss-pink) - HTML/CSS drawing of gel studio lighting. Hand-coded entirely in HTML & CSS.

- [Purecss-zigario](https://github.com/cyanharlow/purecss-zigario) - HTML/CSS drawing in the style of mid-century advertisement design. Hand-coded entirely in HTML & CSS.

#### R

- [Radiobox.css](https://github.com/720kb/radiobox.css) - A complete puzzle developed exclusively in HTML & CSS :jigsaw:.

#### S

- [Scrollzz](https://github.com/refusado/scrollzz) - A complete puzzle developed exclusively in HTML & CSS :jigsaw:.

- [Simpsons-in-css](https://github.com/pattle/simpsons-in-css) - Simpsons characters in CSS.

- [Solar.css](https://github.com/picturepan2/solar.css) - Pure CSS Solar System Animation 

- [Star-Wars-Lightsaber](https://github.com/scotch-io/Pure-CSS3-Star-Wars-Lightsaber-Checkboxes) - Pure CSS3 Star Wars Lightsaber Checkboxes.

#### T

- [Text-spinners](https://github.com/maxbeier/text-spinners) - Pure text, CSS only, font independent, inline loading indicators.

#### W

- [Wenk](https://github.com/tiaanduplessis/wenk) - 😉 Lightweight pure CSS tooltip for the greater good.