{"id":13484494,"url":"https://github.com/refusado/awesome-css-only","last_synced_at":"2026-01-22T22:14:50.653Z","repository":{"id":197943658,"uuid":"654342129","full_name":"refusado/awesome-css-only","owner":"refusado","description":"An awesome \u0026 curated list of beautiful projects made with pure CSS!","archived":false,"fork":false,"pushed_at":"2023-10-03T07:50:53.000Z","size":6,"stargazers_count":20,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-19T18:24:46.342Z","etag":null,"topics":["awesome","awesome-list","css","css-only","open-source","purecss"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/refusado.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-06-15T23:28:20.000Z","updated_at":"2024-02-06T22:14:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"d5b92840-ea9e-4522-bc31-e0b2e800b2b4","html_url":"https://github.com/refusado/awesome-css-only","commit_stats":null,"previous_names":["refusado/awesome-css-only"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refusado%2Fawesome-css-only","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refusado%2Fawesome-css-only/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refusado%2Fawesome-css-only/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refusado%2Fawesome-css-only/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/refusado","download_url":"https://codeload.github.com/refusado/awesome-css-only/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245882285,"owners_count":20687860,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","css","css-only","open-source","purecss"],"created_at":"2024-07-31T17:01:25.258Z","updated_at":"2026-01-22T22:14:50.623Z","avatar_url":"https://github.com/refusado.png","language":null,"readme":"# Awesome CSS Only\nAn awesome \u0026 curated list of beautiful projects made with pure CSS!\n\n---\n\n#### A\n\n- [A-single-div](https://github.com/lynnandtonic/a-single-div) - :art: CSS drawings with only one HTML element.\n- [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. \n- [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.\n- [Auroral](https://github.com/LunarLogic/auroral) - Animated background gradients with pure CSS.\n- [Awesome-bootstrap-checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox) - ✔️Font Awesome Bootstrap Checkboxes \u0026 Radios. Pure css way to make inputs look prettier \n\n#### B\n\n- [Balloon.css](https://github.com/kazzkiq/balloon.css) - Simple tooltips made of pure CSS.\n- [Bonsai.css](https://github.com/bonsaicss/bonsai.css) - A Utility Complete CSS Framework for less than 45kb (8kB Gzipped).\n\n#### C\n\n- [42CSSTober](https://github.com/mewmewdevart/42CSSTober) - 42CSSTober, a CSS illustration for each day in October, because creating only web pages is insufficient. \n- [CSS-Checkbox-Library](https://github.com/hunzaboy/CSS-Checkbox-Library) - A huge library of Pure CSS Checkboxes for every taste.\n- [CSS-file-icons](https://github.com/colorswall/CSS-file-icons) - Pure CSS icons for popular file extensions.\n- [CSS-Minesweeper](https://github.com/imsun/CSS-Minesweeper) - An ugly Minesweeper in pure HTML \u0026 CSS without JS.\n- [Css-modal](https://github.com/drublic/css-modal) - A modal built with pure CSS, enhanced with JavaScript.\n- [CSS-ripple-effect](https://github.com/mladenplavsic/css-ripple-effect) - Pure CSS (no JavaScript) implementation of Android Material design \"ripple\" animation \n- [CSS3-Slider](https://github.com/Aladinbensassi/CSS3-Slider) - Pure CSS3 Slider with multiple animation options.\n- [Csshexagon](https://github.com/brenna/csshexagon) - Pure CSS hexagon generator, built with AngularJS.\n- [Cssicon](https://github.com/wentin/cssicon) - Icon set made with pure css code, no dependencies, \"grab and go\" icons.\n- [Csslider](https://github.com/drygiel/csslider) - Pure CSS slider.\n- [Csspin](https://github.com/webkul/csspin) - CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner.\n- [Cssplot](https://github.com/asciimoo/cssplot) - Pure CSS charts.\n\n#### D\n\n- [Devices.css](https://github.com/marvelapp/devices.css) - Pure CSS phones and tablets.\n- [Driveway](https://github.com/jh3y/driveway) - Pure CSS masonry layouts.\n\n#### F\n\n- [Fileicon.css](https://github.com/picturepan2/fileicon.css) - The customizable pure CSS file icons.\n- [Flags-in-CSS](https://github.com/pattle/Flags-in-CSS) - Countries flags in pure CSS.\n\n#### G\n\n- [Gameboy-css](https://github.com/baumannzone/gameboy-css) :space_invader: Pure CSS GameBoy - Includes animations and the original sound :loud_sound:\n\n#### H\n\n- [Hits-the-mole](https://github.com/luin/Hits-the-mole) - The Hits-the-mole game implemented in pure CSS.\n\n#### I\n\n- [Icons.css](https://github.com/picturepan2/icons.css) - Single Element Pure CSS icons.\n- [Ihover](https://github.com/gudh/ihover) - iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.\n- [Imagehover.css](https://github.com/ciar4n/imagehover.css) - Pure CSS Image Hover Effect Library.\n- [Instagram.css](https://github.com/picturepan2/instagram.css) - Complete set of Instagram filters in pure CSS.\n\n#### L\n\n- [Load-awesome](https://github.com/danielcardoso/load-awesome) - An awesome collection of — Pure CSS — Loaders and Spinners.\n- [Loaders.css](https://github.com/ConnorAtherton/loaders.css) - Delightful, performance-focused pure css loading animations. \n- [Loaderskit](https://github.com/viduthalai1947/loaderskit) - Single Element Pure CSS Spinners \u0026 Loaders.\n- [Logos-in-pure-css](https://github.com/bchanx/logos-in-pure-css) - Company logos created in pure CSS.\n\n#### P\n\n- [Pretty-checkbox](https://github.com/lokesh-coder/pretty-checkbox) - A pure CSS library to beautify checkbox and radio buttons.\n- [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:.\n- [Pure](https://github.com/pure-css/pure) - A set of small, responsive CSS modules that you can use in every web project.\n- [Pure-CSS3-Animated-Border](https://github.com/code-fx/Pure-CSS3-Animated-Border) - Pure CSS3 animated border for all html element.\n- [Pure-drawe](https://github.com/mac81/pure-drawer) - Pure CSS transition effects for off-canvas views.\n- [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.\n- [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 \u0026 CSS.\n- [Purecss-gaze](https://github.com/cyanharlow/purecss-gaze) - HTML/CSS drawing in style of italian renaissance painting. Hand-coded entirely in HTML \u0026 CSS.\n- [Purecss-lace](https://github.com/cyanharlow/purecss-lace) - HTML/CSS drawing inspired by Flemish baroque oil portraits. Hand-coded entirely in HTML \u0026 CSS.\n- [Purecss-pink](https://github.com/cyanharlow/purecss-pink) - HTML/CSS drawing of gel studio lighting. Hand-coded entirely in HTML \u0026 CSS.\n- [Purecss-zigario](https://github.com/cyanharlow/purecss-zigario) - HTML/CSS drawing in the style of mid-century advertisement design. Hand-coded entirely in HTML \u0026 CSS.\n\n#### R\n\n- [Radiobox.css](https://github.com/720kb/radiobox.css) - A complete puzzle developed exclusively in HTML \u0026 CSS :jigsaw:.\n\n#### S\n\n- [Scrollzz](https://github.com/refusado/scrollzz) - A complete puzzle developed exclusively in HTML \u0026 CSS :jigsaw:.\n- [Simpsons-in-css](https://github.com/pattle/simpsons-in-css) - Simpsons characters in CSS.\n- [Solar.css](https://github.com/picturepan2/solar.css) - Pure CSS Solar System Animation \n- [Star-Wars-Lightsaber](https://github.com/scotch-io/Pure-CSS3-Star-Wars-Lightsaber-Checkboxes) - Pure CSS3 Star Wars Lightsaber Checkboxes.\n\n#### T\n\n- [Text-spinners](https://github.com/maxbeier/text-spinners) - Pure text, CSS only, font independent, inline loading indicators.\n\n#### W\n\n- [Wenk](https://github.com/tiaanduplessis/wenk) - 😉 Lightweight pure CSS tooltip for the greater good.\n","funding_links":[],"categories":["Others","Technical","Programming Language Lists"],"sub_categories":["awesome-*","CSS Lists"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frefusado%2Fawesome-css-only","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frefusado%2Fawesome-css-only","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frefusado%2Fawesome-css-only/lists"}