CSS Extras

In plain words

CSS Extras is a collection of cascading stylesheet utilities and components available on GitHub. It provides developers with additional CSS resources to enhance web styling and design workflows. The tool is designed for web developers and designers who want to expand their CSS capabilities with pre-built utilities and ready-to-use components, streamlining the process of creating styled web interfaces.

written from the facts on this page · September 2026

From the sources

A comprehensive collection of CSS custom functions that leverage the new native CSS @function rule. No build step required! Feel free to copy-paste what you need. No credit needed. Currently only supported in Chrome 141+. The @function rule is going through the W3C standardization process and will be available in other browsers soon. < link rel =" stylesheet " href =" node_modules/css-extras/index.css " > Then use any of the functions in your CSS: . element { /* Math functions */ padding : --negate ( var ( --spacing )); width : --lerp ( 100 px , 200 px , 0.5 ); /* Color functions */ background : --opacity (blue , 50 % ); border-color : --tint ( var ( --primary-color ) , 20 % ); /*…from github.com

• 
  Water.css – A just-add-css collection of styles to make websites nicer2019 · github.com · ▲501

  A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

• 
  CSS Peeper2017 · csspeeper.com · ▲350

  Smart CSS viewer tailored for Designers.

• 
  CSSeffectsSnippets.2019 · emilkowalski.github.io · ▲292

  A collection of CSS effects with a click to copy.

• SE
  StyleURL – Edit CSS via Chrome Devtools and turn the diff into a gist2018 · styleurl.app · ▲94
• 
  Shorthand CSS2020 · shorthandcss.com · ▲169

  Feature rich CSS framework for the new decade

• 
  Bamboo CSS2021 · github.com · ▲101

  A classless CSS utility for your HTML

• 
  SimCity, but with Permits▲930

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 3d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 15d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 16d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 10d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 14d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 24d ago · space.bl2.net

• 
  Cursor 2.0▲957

  Our first coding model and new interface for agents

  AI · Oct 2025 · cursor.com

• 
  Flask▲806

  Notion + Loom, for video collaboration.

  AI · 2025 · flask.do

• 
  Strange Attractors▲804

  I went down the rabbit hole on a side project and ended up building this: Strange Attractors(https:&#x2F;&#x2F;blog.shashanktomar.com&#x2F;posts&#x2F;strange-attractors). It’s built with three.js. Working on it reminded me of the little "maths for fun" exercises I used to do while learning programming in early days. Just trying things out, getting fascinated and geeky, and being surprised by the results. I spent way too much time on this, but it was extreme fun. My favorite part: someone pointed me to the Simone Attractor on Threads. It is a 2D attractor and I asked GPT to extrapolate it to…

  AI · Oct 2025 · blog.shashanktomar.com

• 
  Orchestra▲793

  A chat-centric workspace for builders and modern teams

  Work · 2025 · orch.so

• 
  Autism Simulator▲779

  Hey all, I built this. It’s not trying to capture every autistic experience (that’d be impossible). It’s based on my own lived experience as well as that of friends on the spectrum. I'm trying to give people a feel for what masking, decision fatigue, and burnout can look like day-to-day. That’s hard to explain in words, but easier to show through choices and stats. I'm not trying to "define autism". I’ve gotten good feedback here about resilience, meds, and difficulty tuning. I’ll keep tweaking it. If even a few people walk away thinking, "ah, maybe that’s why my coworker struggles in those…

  Life & fun · 2025 · autism-simulator.vercel.app

• 
  Director▲768

  Lovable for web automation

  AI · 2025 · director.ai