Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with css-nesting

A curated list of projects in awesome lists tagged with css-nesting .

https://github.com/jacobcassidy/vscode-css-nesting-syntax-highlighting

A Visual Studio Code extension that adds syntax highlighting in the editor for CSS nesting.

css css-nesting nested-css syntax-highlighting visual-studio-code

Last synced: 05 May 2025

https://github.com/chrisnajman/meme-generator

Built from Scrimba's 'Build a meme generator' tutorials. Dynamically add text to the top and bottom of the image. Click the button to generate a new image.

api async-await controlled-components css-nesting form-elements github-pages-website html-css-javascript props reactjs scrimba state-management useeffect-hook vitejs

Last synced: 08 Sep 2025

https://github.com/onmax/css4ify

Converts CSS to JSON

css-nesting css-to-js csstree

Last synced: 24 Mar 2025

https://github.com/chrisnajman/scrimba-airbnb

A simple Scrimba React project, practising passing props from a parent to a child component.

css-nesting figma html-css-javascript prop-types props reactjs scrimba-react vitejs

Last synced: 31 Dec 2025

https://github.com/anilkumarum/css-nesting-compiler

Superfast css compiler. Compile css nesting for firefox and old browsers

css-nesting vscode-extension

Last synced: 12 Jul 2025

https://github.com/chrisnajman/scroll-page-watcher

If your browser supports 'animation-timeline: scroll()' CSS, a horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.

css-imports css-nesting dark-mode html-css-javascript light-mode prefers-reduced-motion supports svg-icons svg-sprites

Last synced: 02 Jan 2026

https://github.com/chrisnajman/loader

CSS and JavaScript page loader which displays a loading animation or message, depending on the user's preferences.

accessibility aria-attributes css-imports css-nesting dark-mode-toggle html-css-javascript js-modules prefers-reduced-motion svg-icons svg-sprites

Last synced: 15 Mar 2025

https://github.com/chrisnajman/login-demo

A simple login system using session storage to persist user data and dynamically load custom content across multiple pages

css-nesting es6-modules html-css-javascript localstorage sessionstorage theme-switcher

Last synced: 06 Mar 2025

https://github.com/jogemu/md3css

Pure CSS Material 3 Design with flexible icon placement.

css css-baseline css-nesting css-variables material-design

Last synced: 04 Apr 2025

https://github.com/chrisnajman/github-pages-optimised-build

GitHub Pages site template built from the '/docs' folder using an automated front-end build process with minified HTML, CSS and (transpiled) JavaScript.

css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser postcss postcss-cli postcss-import postcss-nesting shx

Last synced: 11 Oct 2025

https://github.com/chrisnajman/set-current-page-menu-item

Dynamically highlight the primary menu link for the current page using the 'aria-current' attribute.

aria-attributes css-nesting es6-modules html-css-javascript

Last synced: 23 Feb 2026

https://github.com/chrisnajman/filter-quotes-v2

A lightweight app for displaying a collection of quotations from a JSON file using an HTML template. Short quotes use <q>, longer ones use <blockquote>, and entries can be filtered by author or tag.

accessibility aria-attributes css-flexbox css-grid css-imports css-nesting cssnano details es6-modules esbuild html-css-javascript html-minifier-terser html-template json loading-spinner no-js postcss resize-observer sticky-headers theme-switcher

Last synced: 23 Oct 2025

https://github.com/chrisnajman/intersection-observer-api

Various use cases of the Intersection Observer API across a four-page website

css-nesting html-css-javascript intersectionobserver-api js-modules loading-spinner mobile-menu theme-switcher

Last synced: 16 Mar 2026

https://github.com/chrisnajman/accessible-darkmode-lightmode-toggle-buttons

Choose the default state (Light Mode or Dark Mode) of a page. Toggle between states.

css-imports css-nesting dark-mode html-css-javascript light-mode svg-icons svg-sprites

Last synced: 15 Jun 2025

https://github.com/chrisnajman/swearword-converter

Convert text with swearwords to text with euphemisms. Copy new text to clipboard, if required.

css-nesting data-attributes es6-modules html-css-javascript json-ld-context navigator-clipboard regex-match theme-switcher

Last synced: 13 Feb 2026

https://github.com/avcat/custom-blocks

Wordpress plugin based on ACF Blocks. A convenient way to create and maintain website UI system.

acf acf-blocks css css-nesting php scss wordpress-plugin

Last synced: 02 Mar 2025

https://github.com/chrisnajman/accessible-mobile-menu

A responsive mobile menu with accessibility features designed for both screen reader users and keyboard-based navigation.

accessibility aria-attributes css-imports css-nesting dark-mode-toggle html-css-javascript js-modules mobile-menu svg-animations svg-icons svg-sprites

Last synced: 30 Dec 2025

https://github.com/bccpadge/coffee-card

WebDevDaily - Challenge #275

css-nesting html html-css responsive-design

Last synced: 28 Mar 2025

https://github.com/chrisnajman/css-form-styling

A responsive, accessible demo form styled with modern CSS Grid layout and enhanced with vanilla JavaScript for interactivity.

aria css-flexbox css-grid css-nesting html-css-javascript loading-spinner theme-switcher

Last synced: 23 Jun 2025