Awesome CSS

A curated list of awesome frameworks, style guides, and other cool nuggets for writing amazing CSS

ADVENTURE - A simple website of a tourism agency for tourists.

ADVENTURE - A simple website of a tourism agency for tourists.

⛰ tourism-website ADVENTURE - A simple website of a tourism agency for tourists. 📋 About This is a simple website Pure HTML, CSS, JavaScript used 🔗

Learn More

Aruba Website Design & SEO Services - Netriches Aruba Web Solutions

How Local SEO Services in Aruba Can Benefit Local Businesses WHAT IS Local Search Engine Optimization? Local Search Engine Optimization, Local SEO, is

Learn More

Final Challenge - hiringCoders#3

Final Challenge - hiringCoders#3

Hiring Coders 3 - Desafio Final 📌 Table of Contents 🏠 About 🎯 Installation ⚙️ Install dependencies 🚀 Getting Started 💻 Techs 👤 Author 🤝 Contrib

Learn More

Cronômetro.

Cronômetro.

Cronômetro ⏱️ 📝 Descrição Cronômetro. site final: Timer 🚀 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: HTML CSS JavaScrip

Learn More

This is a full website that gives you information about fitness. This website is created using CSS HTML and Javascript.

Fitness Page This is a fitness page created using html css and javascript. Built With HTML CSS javascript linters Any editor Getting Started To be abl

Learn More

This is my portfolio resume that showcases examples of my work along with the usual resume information about my work experience.

Portfolio a portfolio resume that showcases examples of my works along with the usual resume information about my work experience. Built With HTML CSS

Learn More

LittleLink Extended is an extension repository for LittleLink.

LittleLink Extended is an extension repository for LittleLink.

🔗 LittleLink Extended LittleLink Extended is an extension repository for LittleLink. This repository welcomes more niche services that aren't as glob

Learn More

Capstone project, this is about a conference that will take place in mexico in software technologies

Conference page - HTML/CSS & JavaScript project Hi there! This project is based on an online website for a conference. The objectives are: Use semanti

Learn More

This theme is designed by Xiaoying Riley at 3rd Wave Media. Visit her website for more themes.

      This theme is designed by Xiaoying Riley at 3rd Wave Media. Visit her website for more themes.

Orbit This theme is designed by Xiaoying Riley at 3rd Wave Media. Visit her website for more themes. I have made this into a Jekyll Theme. Checkout th

Learn More

This project is my personal portfolio website built at Microverse to showcase my projects and skills. I built this using HTML, CSS and JavaScript.

This project is my personal portfolio website built at Microverse to showcase my projects and skills. I built this using HTML, CSS and JavaScript.

portfolio-website This project is my personal portfolio website built at Microverse to showcase my projects and skills. Built With HTML CSS Live Demo

Learn More

Code for main site (clickette.net)

Clickette Your personal data is nobody's business. For everyone who’s had enough of online tracking, Clickette lets you take back your online privacy

Learn More

Projeto que visa ativar e desativar o dark mode de um site através de um evento de clique em JavaScript.

Projeto que visa ativar e desativar o dark mode de um site através de um evento de clique em JavaScript.

🤖 Dark Mode e Light Mode com JavaScript 🏙️ Light Mode ON 🌃 Dark Mode ON Click event 👉 Evento de clique em JavaScript funcionando perfeitamente. 💡

Learn More

Open source extension that adds extra animations and features to the Modrinth website.

Open source extension that adds extra features to the Modrinth website. About This is a lightweight, open source extension for Chrome and Edge that ad

Learn More

This Portfolio was built entirely in HTML/CSS and JavaScript for DOM Manipulation, using technologies such as Flexbox and Grid, and applying Responsive design. It is based on a FIGMA design

Portfolio: Mobile and Desktop version This is a last milestone in the process of creating a portfolio website. Now, I'm adding the preservation of the

Learn More

:rocket: DeDelivery to the moon, the future's delivery

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Learn More

The repo For team 87.

Team_87_zuri_fetch_metadata Backend - Fetch Meta Data Setting up the Backend Install Dependencies Python 3.10 - Follow instructions to install the lat

Learn More

IN A WORLD WHERE EVERYTHING IS DIGITALIZED, NEED TO EVOLVE WITH TECH BECOMES INCREASING IMPORTANT. SO A WAY TO CURB THE STRESS OF GOING TO MALL IS DEVELOPING A SHOPPING SITE

IN A WORLD WHERE EVERYTHING IS DIGITALIZED, NEED TO EVOLVE WITH TECH BECOMES INCREASING IMPORTANT. SO A WAY TO CURB THE STRESS OF GOING TO MALL IS DEVELOPING A SHOPPING SITE

FOOD STORE/ ONLINE RESTUARANT ##FOR THE LIVE LINK CHECK NAVINGATING THE SITE. PLS READ CAREFULLY. AS TECHNOLOGY IS FAST REPLACING THE CONVENTIONAL WAY

Learn More

Based on an online website for a conference. Applied Power Electronics Conference (APEC) uses the acquired knowledge about HTML, CSS, and JavaScript in a single project.

Based on an online website for a conference. Applied Power Electronics Conference (APEC) uses the acquired knowledge about HTML, CSS, and JavaScript in a single project.

Capstone #1 : Applied Power Electronics Conference (APEC) This project is a conference-related website created to master all the knowledge acquired in

Learn More

Book contents for the book "3D Game Development with LWJGL 3"

3D Game Development with LWJGL 3 This online book will introduce the main concepts required to write a 3D game using the LWJGL 3 library. LWJGL is a J

Learn More

Web application tool made to search the developers in the Github using API.

Web application tool made to search the developers in the Github using API.

DEV-finderX A webtool that provides GitHub user details using Github API. Overview • Build with • Live links Overview The challenges Users should be a

Learn More

A customized audio player which can detect the duration and current time and progress of playing songs and show them in custom style by getting help from Javascript.

A customized audio player which can detect the duration and current time and progress of playing songs and show them in custom style by getting help from Javascript.

Custom Mini Audio Player A customized audio player which can detect the duration and current time and progress of playing songs and show them in custo

Learn More

Human-readable name provider for Fuel Network

Fuel Name Registry ETHCC Hackathon Submission Inspiration The main inspiration for FNS is Ethereum Name Service (ENS). ENS reached a significant adopt

Learn More

Une application mobile moderne pour Pronote. | Progressive Web App écrite en JavaScript.

Une application mobile moderne pour Pronote. | Progressive Web App écrite en JavaScript.

Papillon Front-end pour node-pronote / Pronote+. Made entirely in vanilla JS and can run as a PWA. Démo Disponible sur https://v3.pronote.plus dans un

Learn More

The Illustrated DTLS 1.3 Connection: Every byte explained

The Illustrated DTLS Connection Published at https://dtls.xargs.org site/: page source for the finished product server/server.c: server code client/cl

Learn More

Course materials: POIR 613 - Computational Social Science - USC Fall 2022

POIR 613 (Fall 2021) Repository containing materials and the website for POIR 613: Computational Social Science (University of Southern California, Fa

Learn More

Create a react app with bun.js

React with Bun runtime Want to use bun for your next react projects? Install bun First run the following command to check bun is installed or not bun

Learn More

Introduction to snapshot (aka golden) testing (in R)

Introduction to snapshot (aka golden) testing (in R) In this presentation, I introduce what is snapshot testing, why is it necessary, and its implemen

Learn More

A free subdomain for developers.

JSID.DEV An identity for developers on the web. What is JSID.DEV JSID.DEV is a free identity for developers on the web. This service offers a handy su

Learn More

This is a collection of basic instructions for editing your unecrypted save game file.

Cult of the Lamb URL for the full instructions and guides https://wheels35.github.io/CultoftheLamb/ This is a collection of basic instructions for edi

Learn More

My team and I will be creating a streaming platform for college students.

COL_FILMS_TEAM_114 My team and I will be creating a streaming platform for college students. Documentation Link https://docs.google.com/document/d/185

Learn More

This platform lets users create Terms and Conditions and privacy policies that are appropriate for them. -Team 77

Proj-T_C_GEN__Team-77 Background This is a platform that allows Users generate Terms and condition, as well as privacy policies suitable for them. -Te

Learn More

My Poké-List, using PokeAPI.

My Poké-List, using PokeAPI.

Poké-List Dê uma olhada! Site desenvolvido por mim, utilizando HTML, CSS e JavaScript, a fim de estudar e me aprofundar em ferramentas e apresentação

Learn More

This project is an Event platform (Front end only) Built with html Css and js was built to demonstrate my ability of reproducing a design made, into codes. Note: few adjustments and changes were made

This project is an Event platform (Front end only) Built with html Css and js was built to demonstrate my ability of reproducing a design made, into codes. Note: few adjustments and changes were made

EventWork Platform This project is an event platform where people can get everything about hosting an event, eg. Freelancer, decorations,etc. This pro

Learn More

EverAnalyzer is my thesis in the Department of Digital Systems of the University of Piraeus. EverAnalyzer is a platform for collecting, preprocessing, processing and analyzing Big Data from the Twitter platform.

EverAnalyzer EverAnalyzer is a platform that I build as my Bachelor Thesis in the Department of Digital Systems at the University of Piraeus. EverAnal

Learn More

A blog, written in QoLang

Camlog Camroku's Blog. Running Server configuration requirements: Serve /index.qo as a CGI script Rewrite all URLs to /index.qo Serve index.qo as inde

Learn More

In this capstone project I have built a website based on an online website and design guidelines provided for a conference.

In this capstone project I have built a website based on an online website and design guidelines provided for a conference.

First Capstone Project This capstone project is to build a website based on an online website for a conference. Built With html, css , javascript Live

Learn More

This is my portfolio web page built with HTML, CSS, JS which displays my professional skills and languages and projects completed and a form to reach out to me

PROMISE: PORTFOLIO A descriptive portfolio built with template-2 from Microverse figma designs Built With HTML CSS Javascript SASS Live Demo Live Demo

Learn More

:iphone: Responsive gym website design :muscle:

:iphone: Responsive gym website design :muscle:

📱 Responsive gym website design 💪 Responsive Gym Website Design Using HTML CSS & JavaScript Contains animations when scrolling. Includes a form to c

Learn More

This project is about how mainly we can use keyframes, transitions and transform to make more visual the web site.

Project Name Portfolio: mobile version. List of technologies HTML5 CSS Flexbox and CSS Grid in order to make a structure in the HTML and look nice. Me

Learn More
CssRepo

Popular CSS Resources

A list of history's greatest software engineers and tech pioneers

Awesome Programmers awesomeprogrammers.com A collection of software engineers that deserve to be in this collection. They are the most awesome program

01

Material Design CSS Framework: a lightweight CSS framework that follows Google's Material Design guidelines.

Material Design CSS Framework: a lightweight CSS framework that follows Google's Material Design guidelines.

MUI is a lightweight CSS framework that follows Google's Material Design guidelines. Use From the CDN: link href="//cdn

02

Pixel art animation and drawing web app powered by React

Pixel art animation and drawing web app powered by React

Pixel Art to CSS Animate pixel art and get CSS Did you know that you can create pixel art using CSS? Pixel Art to CSS is an online editor that helps y

03

A lightweight front-end framework for building accessible, bespoke interfaces.

🐞 CodyFrame A lightweight front-end framework for building accessible, bespoke interfaces. Documentation on codyhouse.co → Files included: base/*: es

04

React components and demo for the Tabler UI theme.

Update - June 2019: Version 2 Alpha now available on NPM: npm install [email protected] yarn add [email protected] Check out the latest progress and

05

A modal built with pure CSS, enhanced with JavaScript

CSS Modals Modals built out of pure CSS Please visit the website to read more about this project and refer to the FAQ in case of a question. What is i

06

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

Hover.css A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own

07

Materialize, a CSS Framework based on Material Design

MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows

08

Show busy/loading indicators on any element during $http requests (or any promise).

angular-busy Show busy/loading indicators on any $http or $resource request, or on any promise. Demo Live Demo Getting Started Install with Bower, npm

09

Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

A premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern

10

A process/message visualizer for BEAM nodes.💪👁

A process/message visualizer for BEAM nodes.💪👁

Visualixir Visualixir is a toy visualizer for BEAM nodes, written in Elixir + Phoenix + d3, with live message sequence charts. It's largely intended a

11

🔮 CSS loading animations made with single element.

Three Dots Three Dots is a set of CSS loading animations made with just single element. I think the project can not only enhance your CSS skills but a

12

A better credit card form in one line of code

 A better credit card form in one line of code

Card - check out the demo A better credit card form in one line of code Card will take any credit card form and make it the best part of the checkout

13

A lightweight and modular front-end framework for developing fast and powerful web interfaces

A lightweight and modular front-end framework for developing fast and powerful web interfaces

UIkit UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. Homepage - Learn more about UIkit @getui

14

Template to quickstart a SAAS business

🚀 ⚡️ 🧑‍💻 Ultimate SAAS template Typescript/Next.js/NextAuth.js/Prisma/Stripe/Tailwindcss/Postgresql My template to quickstart a SAAS project Stop l

15

Elegant, responsive, flexible and lightweight modal plugin with jQuery.

Elegant, responsive, flexible and lightweight modal plugin with jQuery.

iziModal Elegant, responsive, flexible and lightweight modal plugin with jQuery. izimodal.marcelodolza.com Fast Responsive Animated Lightweight Custom

16

Gallery.css is all CSS

Gallery.css is all CSS

Gallery.css Gallery.css is all CSS. Think: Simple, maintainable and understandable galleries without the use of Javascript. What? No script!? Why? — G

17

✩ Automates responsive resizing ✩

✩ Automates responsive resizing ✩

RFS is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is c

18

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units

postcss-px-to-viewport English | 中文 A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. Demo If your project inv

19

We are refactoring it, using the latest Vue and Bulma. WIP

Vue Bulma WIP We are refactoring it, using the latest Vue and Bulma. Todo vue-next vue-bulma bulma v0.8 modules Sponsors Currently, I am a freelancer

20

Create new Bootstrap-powered npm projects in no time

Create new Bootstrap-powered npm projects in no time

Bootstrap npm starter template Create new Bootstrap-powered npm projects in no time. About bootstrap-npm-starter is a GitHub template repository for c

21

An open source icon set with 223 marks in SVG, webfont and raster formats

Open Iconic v1.1.1 Open Iconic is the open source sibling of Iconic. It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use

22

🎬 Scene.js is JavaScript & CSS timeline-based animation library

🎬 Scene.js is JavaScript & CSS timeline-based animation library

Scene.js 🎬 Scene.js is an JavaScript & CSS timeline-based animation library. Official Site / API / Features / Examples Translations: 🇺🇸 🇨🇳 🚀 Exa

23

Transmission Web Control is a custom web UI.

Transmission Web Control is a custom web UI.

Transmission Web Control is a custom web UI.

24

Bootstrap 5 & Material Design 2.0 UI KIT

Bootstrap 5 & Material Design 2.0 UI KIT

MDB 5 Bootstrap 5 & Material Design 2.0 UI KIT Get Started in 3 steps Get Started with Webpack MDB 5 Demo 500+ material UI components Super s

25

🗂 The perfect Front-End Checklist for modern websites and meticulous developers

🗂 The perfect Front-End Checklist for modern websites and meticulous developers

Front-End Checklist 🚨 Currently working on a V2 of frontendchecklist.io, feel free to discuss any feature you would like to see in the next version T

26

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

Animate.css If you need the old docs - v3.x.x and under - you can find it here. Just-add-water CSS animation Installation Install with npm: npm instal

27

Console.log with style.

Log Console.log with style Demo Features Safely call log (instead of console.log) in any browser. Use markdown syntax for quick formatting: italic — l

28