Projects in Awesome Lists tagged with pure-css
A curated list of projects in awesome lists tagged with pure-css .
https://github.com/felipefialho/css-components
:coffee: A set of common UI Components using just the power of CSS and without JavaScript.
boostrap carousel collapse components css css-components modal no-javascript pure-css purecss tooltip
Last synced: 12 Dec 2025
https://github.com/LucasBassetti/react-css-loaders
:o: A collection of pure CSS React loading components
Last synced: 07 May 2025
https://github.com/lucasbassetti/react-css-loaders
:o: A collection of pure CSS React loading components
Last synced: 04 Apr 2025
https://github.com/felipefialho/piano
🎹 To play piano using CSS and JavaScript
css javascript piano piano-keyboard pure-css purecss
Last synced: 12 Apr 2025
https://github.com/mladenplavsic/css-ripple-effect
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Last synced: 04 Apr 2025
https://github.com/zetareticoli/cssui
A collection of interactive UI components in pure CSS
components-library css css3 hacktoberfest library no-js pure-css pure-css-components purecss
Last synced: 15 May 2025
https://github.com/anydigital/float-label-css
Bulletproof CSS-only implementation of Float Label pattern with automatic fallback for ANY non-supporting browser.
css css-only css3 floating-labels pure-css purecss
Last synced: 09 Apr 2025
https://github.com/anton-staroverov/float-label-css
Bulletproof CSS-only implementation of Float Label pattern with automatic fallback for ANY non-supporting browser.
css css-only css3 floating-labels pure-css purecss
Last synced: 05 Sep 2025
https://github.com/zzarcon/react-scroll-shadow
Pure CSS shadow to indicate more content in scrollable area
css height overflow pure-css react scroll scrollable scrollbar shadow
Last synced: 07 Apr 2025
https://github.com/bantikyan/icheck-bootstrap
Pure css checkboxes and radio buttons for Twitter Bootstrap.
asp-net-mvc bootstrap checkbox icheck icheck-bootstrap pure-css radio-buttons
Last synced: 04 Apr 2025
https://github.com/allthingssmitty/mega-nav
A simple mega nav menu in pure CSS
css mega-menu mega-nav navigation pure-css purecss
Last synced: 16 Mar 2025
https://github.com/madmurphy/takefive.css
The most advanced pure CSS lightbox – not one single line of JavaScript has been wasted
css css-gallery css-lightbox css-only css-slide-renderer css3 css3-animations html-semantics html5 html5-elements image-gallery lightbox microdata microformats microformats2 pure-css rdfa schema-org slide-renderer slides
Last synced: 04 May 2025
https://github.com/RemiBou/Toss.Blazor
Experimental project using AspNetCore Blazor
aspnet-core aspnetcore blazor csharp hashtag pure-css ravendb
Last synced: 25 Mar 2025
https://github.com/guoyunhe/flexbin
Pure CSS, flexible and gapless image gallery layout like Google Images and 500px.com
css css3 flexbox gapless layout pure-css responsive-layout sass
Last synced: 13 Apr 2025
https://github.com/hovinhthanh7893/portfolio
Responsive Portfolio Website using pure HTML, CSS, JavaScript and deployed with GitHub Pages. No framework and No external deployment platform needed. Integrated Three.js for 3D animated background. Give it a star 🌟 if you find it useful
3js animation css deploy emailjs github-pages html javascript portfolio pure-css pure-javascript responsive responsive-css svg three-js threejs vanilla-javascript vanilla-js vanillajs workflows
Last synced: 09 Apr 2025
https://github.com/allthingssmitty/responsive-css-grid
A super-lightweight, responsive, 8-column grid based on box-sizing
box-sizing css css-grid grid pure-css purecss responsive responsive-grid
Last synced: 19 Oct 2025
https://github.com/dreamer-paul/kico-style
🍰 一个可口的极简 CSS 前端框架
class-less css css-framework html javascript kico-style pure-css
Last synced: 30 Aug 2025
https://github.com/adamculpepper/toggle-switchy
A pure CSS toggle switch for form input checkboxes
checkboxes css css-only css-toggle-switch hacktoberfest pure-css toggle-controls toggle-switch
Last synced: 15 Jul 2025
https://github.com/bantikyan/icheck-material
Pure css material checkboxes and radio buttons.
asp-net bootstrap checkbox checkboxes css icheck icheck-bootstrap material material-design pure-css radio radio-buttons sass
Last synced: 20 Jul 2025
https://github.com/refusado/scrollzz
A complete puzzle developed exclusively in HTML & CSS 🧩
css minimalist pure-css puzzle web-game
Last synced: 11 May 2025
https://github.com/anselemodims/mazeflix
MazeFlix is an entertainment hub where you can find the latest and your favorite TV shows. You can view the details of the show, like a show or even comment. You can also see other comments which might give you a general idea about what people think about the show. It is built with HTML, CSS and JavaScript with data from the TvMaze API(tv show data) and the Involvement API(likes and comments)
api javascript pure-css responsive shows tv webpack
Last synced: 19 Apr 2025
https://github.com/zkreations/sheetslider
A pure CSS slider with no dependencies.
no-dependencies nojs pure-css responsive sass scss slider slider-image
Last synced: 04 May 2025
https://github.com/marketingpipeline/css-image-loader
Add a image loader & image load error (without adding an HTML element or using JS).
css css-animation css-animations css-framework css-loader css-tricks css3 front-end front-end-development frontend html html-css image-loader image-loading javascript proof-of-concept pure-css purecss scss
Last synced: 01 Aug 2025
https://github.com/MarketingPipeline/CSS-Image-Loader
Add a image loader & image load error (without adding an HTML element or using JS).
css css-animation css-animations css-framework css-loader css-tricks css3 front-end front-end-development frontend html html-css image-loader image-loading javascript proof-of-concept pure-css purecss scss
Last synced: 07 May 2025
https://github.com/rahxephonz/ioofy.github.io
🧑🏻My first web when learning html , ui/ux, and css also javascript are available in here.
css-grid pure-css pure-javascript vanila-javascript
Last synced: 19 Feb 2026
https://github.com/scriptex/at-the-wall
A Game of Thrones scene coded in pure SCSS and HTML
drawing game-of-thrones pure-css scene
Last synced: 09 Mar 2026
https://github.com/alddesign/cyberpunk-css
A pure CSS library providing Cyberpunk 2077 themed elements for your webpage.
css css3 cyberpunk cyberpunk-2077 cyberpunk2077 pure-css
Last synced: 28 Jul 2025
https://github.com/simongoricar/gulp-nunjucks-sass-template
A Gulp 4 template with support for Nunjucks, SCSS, TypeScript and more.
assets browser-sync customizable eslint gulp linting minification normalize-css nunjucks pure-css sass scss stylelint typescript yarn
Last synced: 27 Jul 2025
https://github.com/adamculpepper/toggle-radios
Pure CSS toggle switchs for form input radio buttons
css css-only pure-css radio radio-button-group radio-buttons radio-buttons-group radio-group radios toggle-controls toggle-radios toggle-switch toggle-switches
Last synced: 27 Jul 2025
https://github.com/dneustadt/css-flyout-menu
pure css responsive off-canvas/flyout menu
css flyout hamburger-menu menu offcanvas pure-css scss sticky
Last synced: 03 Apr 2025
https://github.com/tiagoporto/sign-of-the-horns-single-div
Sign of the horns - Single div 🤘
css css-animations css-art pure-css sign-of-the-horns single-div
Last synced: 17 Feb 2026
https://github.com/adamculpepper/pure-css-float-labels
Pure CSS Float Labels with Bootstrap5 and Select2 support
bootstrap4 bootstrap5 css css-only float-label float-label-pattern float-labels floating-labels form-select pure-css pure-css3 purecss select2
Last synced: 15 Jul 2025
https://github.com/mogrene/cssential
Minimal, CSS-only UI components, inspired by shadcn.
components css html-css no-js pure-css pure-css-components purecss ui
Last synced: 23 Apr 2025
https://github.com/madmurphy/print.css
The universal CSS to carry around in every website to make it adaptable to the printed page
css css-only css-print html-print pure-css
Last synced: 12 May 2026
https://github.com/blaknite/pure-css-reset-rails
While Pure CSS is pretty unopinionated there's still a few things it could touch less. This CSS fixes some of those and adds some useful classes that pure lacks.
Last synced: 24 Apr 2025
https://github.com/guto1657/efeito-hover-em-botoes
Efeito Hover em botões com CSS puro
button button-animation button-css css css3 hover hover-effects hovercss pure-css purecss
Last synced: 16 May 2026
https://github.com/madmurphy/progress-waves.css
A pure-CSS progress spinner
css-animations css-only pure-css spinner
Last synced: 09 Mar 2026
https://github.com/manzdev/twitch-tamagotchi
Twitch: Tamagotchi with Pure CSS
css game pet pure-css tamagotchi virtual
Last synced: 10 May 2026
https://github.com/mohamedkhamismostafa/special-design-template
I benefited a lot in making this wonderful project, in which I limited some of my skills to HTML, CSS, and vanilla JavaScript.
css html-css-javascript html5 media-queries pure-css pure-html-css-javascript pure-javascript
Last synced: 17 Jun 2026
https://github.com/tuberboy/admin-template
pure css responsive admin dashboard template
admin-dashboard admin-template pure-css pure-html purecss purehtml
Last synced: 16 May 2026
https://github.com/faanid/google-keep-clone
Dieses Projekt ist ein Klon von Google Keep, einer von Google entwickelten Notizanwendung. Es wurde mit ReactJs und Javascript in zwei separaten Dateien erstellt!
clone-website css3 google-keep html5 javascript localstorage notes pure-css react-icons reactjs tailwindcss
Last synced: 10 Apr 2026
https://github.com/abuzar-alvi/css-only-animated-hero-section
A clean, lightweight hero section with smooth animations — built using pure CSS without JavaScript.
animation-effects css css-animation frontend hero-section html-css minimal-ui no-javascript pure-css responsive-design ui-design web-design
Last synced: 06 Aug 2025
https://github.com/oncloud125252/frontend-practice
front-end-development frontend pure-css pure-html
Last synced: 28 Jul 2025
https://github.com/dawaltconley/sass-parallax
Mixin and styles for pure CSS parallax.
Last synced: 11 Jun 2026
https://github.com/simongoricar/webpack-static-site-template
A multipage static site generator built with Webpack. Nunjucks + TypeScript ESNext + SCSS.
eslint normalize-css nunjucks pure-css scss stylelint template typescript webpack yarn
Last synced: 09 Apr 2026
https://github.com/kferrone/kferrone.github.io
A personal website to show off my skills and experience and a free website to play around with as a pet project.
github-pages jekyll jekyll-blog pure-css spa vue vuejs
Last synced: 09 May 2026
https://github.com/tuberboy/html-css-magics
pure html and pure css based code and design
css html pure-css pure-css-design pure-html pure-html-design purecss purehtml
Last synced: 14 May 2026
https://github.com/iamwatchdogs/unitconversion
A simple webpage that performs unit conversion.
css3 flexbox-grid html5 javascript pure-css pure-javascript
Last synced: 13 Apr 2026
https://github.com/altxriainc/kromacss
KromaCSS is a modern, lightweight CSS framework built for speed, simplicity, and adaptability. Utilizing the latest CSS features, KromaCSS empowers developers with a robust set of fully responsive, modular components that require no dependencies—just pure CSS and vanilla JavaScript.
accessibility adaptive-layout aria-support css-framework customizable-variables kromacss lightweight-css modern-css modular-components pure-css responsive-design semantic-html ui-components vanilla-javascript
Last synced: 06 Apr 2026
https://github.com/absalomedia/starterkit-mustache-pure
A Pure starter kit for Pattern Lab
Last synced: 20 Jan 2026
https://github.com/tristanbatchler/tbat.me
My website
jekyll lightweight liquid minimal pure-css pure-javascript static-site website
Last synced: 08 Apr 2025
https://github.com/indianghost/css-loaders
css-loaders, as its name indicates, are a repository containing impressive CSS loaders that could be useful for your front-end development.
achraf-bellaali contribution css css3 free-components frontend frontend-components html5 indianghost loader loader-component preloader pure-css
Last synced: 07 Apr 2026
https://github.com/hein-htetsan/movie
variety show web page which is responsive and fancy ui design.
Last synced: 24 Apr 2026
https://github.com/lucsantosdev/3d-icons
Social media icons with 3D effect using pure CSS.
3d-effect css font-awesome html icons pure-css
Last synced: 01 Mar 2025
https://github.com/jan-milenkov/ReactTask
Simple React app with Catalog and search functionality, fully responsive and animated ( please view at 50% zoom)
animation-css pure-css react responsive-web-design vite
Last synced: 30 Jun 2026
https://github.com/bluestockingsread/goodreads-unspoiled
GoodReads UNspoiled intensifies spoiler blur for Goodreads book reviews, ensuring a truly spoiler-free experience.
box-shadow browser-extension css goodreads open-source pure-css spoiler spoiler-tag spoilers stylus stylus-css userstyle userstyles
Last synced: 10 Apr 2025
https://github.com/dneustadt/css-range-slider
(almost) pure css responsive range slider with custom values
pure-css radio range range-slider responsive slider ui
Last synced: 14 May 2026
https://github.com/devsubid/blog-2022
Blog by Subid using pure JS, CSS and HTML
blog open-source pure-css pure-javascript
Last synced: 09 Feb 2026
https://github.com/teplostanski/css-art-geometric-walls
Art on Pure CSS • One Div & Conic Gradients • Geometric Walls
conic-gradient css-art one-div pure-css single-div
Last synced: 14 Feb 2026
https://github.com/yudinikita/s-borodinskiy-adaptive
Редизайн сайта барбершопа "Бородинский" с адаптивной версткой
adaptive css3 html5 landing-page pure-css pure-html
Last synced: 16 Apr 2026
https://github.com/paul-taiwo/automart
Auto Mart is an online marketplace for automobiles of diverse makes, model or body type. With Auto Mart, users can sell their cars or buy from trusted dealerships or private sellers
api express nodejs pure-css restful-api tdd
Last synced: 20 Apr 2026
https://github.com/collectivecloudperu/web-con-pure-css
Cómo Crear Una Web con Pure CSS
Last synced: 29 Apr 2026
https://github.com/yudinikita/s-glonass2
Сайт для компании по установке Глонасс
css3 html5 landing-page pure-css pure-html
Last synced: 30 Apr 2026
https://github.com/peakk2011/peakkofficialweb
Peakkofficial website you can edit or whatever do you want to do about Peakkofficial website the URL is down below
css design gsap html javascript js main page pure-css pure-html pure-html-css-javascript pure-javascript purehtml web website
Last synced: 30 Apr 2026
https://github.com/w0nderful666/orbit-bg-kit
🌌 One script tag. One custom element. Premium animated backgrounds for any webpage. Zero dependencies.
animation background css custom-element frontend github-pages jsdelivr landing-page no-dependencies pure-css shadow-dom web-component
Last synced: 03 May 2026
https://github.com/evaristocuesta/evaristocuesta.com-old
Landing page using pure CSS and Javascript animations
animatecss css html html-css html-css-javascript html5 javascript landing-page pure-css pure-javascript purecss purejavascript responsive responsive-design responsive-web-design vanilla-javascript vanilla-js vanillajavascript
Last synced: 11 May 2026
https://github.com/yudinikita/s-sedona
Адаптивный сайт для городка в Аризоне. Верстка на чистом HTML5 и CSS3 без использования фреймворков и JS.
adaptive css3 html5 landing-page pure-css pure-html site
Last synced: 26 Aug 2025
https://github.com/boristim/word-art
Intrview for pure PHP, pure JS, pure CSS
interview-test pure-css pure-javascript pure-php
Last synced: 30 Jun 2026
https://github.com/baihaqi2193/skation
🛹 Skateboarding community website. Front end web practice
css frontend html javascript pure-css
Last synced: 09 Apr 2026
https://github.com/vidragabor/propel-orm
Propel is a highly customizable and blazing fast ORM library for PHP. I created this project to show what it can be used for.
docker docker-compose php propel2 pure-css smarty
Last synced: 31 Mar 2025
https://github.com/valentinmadiot/background-parallax-egypt_js
Animation parallax immersive sur fond de désert égyptien, combinant plusieurs calques animés au scroll pour créer un rendu visuel cinématographique. Design responsive, scroll fluide.
animated-title background-animation cinematic-effects creative-coding css-animations egypt gsap-alternative html-css landing-page minimalist-ui no-dependencies parallax portfolio-hero pure-css remixicons requestanimationframe responsive-design scroll-animations vanilla-javascript web-animation
Last synced: 02 Jul 2025
https://github.com/singhofen/tic-tac-toe-board-css3-only
basic tic tac toe board in HTML
css3 html5 pure-css simple tic-tac-toe tic-tac-toe-board
Last synced: 07 Nov 2025
https://github.com/jhoan5/template-react-typescript-vite
This is a template to create projects using Vite, React, TypeScript, Prettier, EditorConfig and Stylelint, Eslint
eslint prettier pure-css react stylelint template typescript vite web-app
Last synced: 02 Nov 2025
https://github.com/qc20/assemblyrings
Welcome to the Assembly Rings repository! This project is a captivating blend of interaction design and creative coding, aimed at showcasing the mesmerizing possibilities of 3D animations within web environments.
assembly creative creative-coding donut html pure-css torus-dom
Last synced: 19 May 2026