CSS

CSS projects

Palegen
Generate a brand palette from a single color.
Color CSS
4-7-8 breathing
Enhance your calm.
Positivity HTML CSS JavaScript
Affirmations
You are enough.
Positivity Design CSS JavaScript
Tiles
Generative typeface
Typeface design Typography Generative art Design SVG TypeScript CSS
CartaX
One small step for Carta, one giant leap for private markets
Branding Logo design Team management Product management Gatsby Netlify TypeScript CSS
Accessible gradients
Find the most accessible gradient determined by the greatest contrast per colorspace. Built in CSS.
CSS Accessibility color-contrast()color-mix()
Snordle
Swipe or use the arrow keys to play SNAKE on a Wordle-style board.
HTML CSS JavaScript Game design Game development
chrisnager.com v4
chrisnager.com featured in Gatsby's showcase
Design Content Semantic HTML CSS TypeScript React GraphQL Gatsby Netlify
Stocks
IEX Stocks app - Search stocks, compare peers, see industry news, create watchlists
Design API React JavaScript HTML CSS Performance Dark mode Charting Local storage
ungrid
the simplest responsive css grid
Tooling CSS
hexcodes
All possible three digit hexcodes
Color CSS
Salesforce Marketing Cloud
Collaborated on this product
JavaScript CSS Accessibility
simple-debug.css
Debug your layouts with one line of CSS
CSS Tooling Browser extension
Simple <paper-spinner>
How to rebuild Google's Material Design <paper-spinner> with a single div and CSS animations
Case study Tooling HTML CSS
Market
Web app for IEX that displays near real-time market volume
UX HTML CSS JavaScript
Give 'n' Go
A curated gallery of Dribbble shots reworked as interactive CodePen pens
Community HTML CSS JavaScript CMS
Cheer me up
Fun, custom pages in seconds
Design HTML CSS JavaScript
UN Disaster Response
Worked with the Harvard Humanitarian Initiative on a disaster and humanitarian response survey building app to be used by the United Nations
UX HTML CSS JavaScript Design
Jaunt
Let your friends be your city guides. (TechCrunch Disrupt Hackathon app entry)
Design Prototype HTML CSS JavaScript
Cursors
All available cursors
Design HTML CSS
simple-palette
A simple color palette
Color CSS
✂ short color names
The 44 CSS color names that are as short as or shorter than their corresponding hexcodes
Color CSS
Twadlib!
Ad-lib your tweets, submitted as a 10K Apart Challenge app entry
Design HTML CSS JavaScript Twitter API
Bliss
Beautifully lean, ideal style sheets
CSS Framework Developer experience (DX)
Crafted CSS
A personal compilation of CSS practices I follow
CSS Developer experience (DX)Tooling
Ben Thomson Photo
Awwwards Site of the Day
Branding Design UX HTML CSS JavaScript CMS Award-winning
Totally Fresh
Experimental CSS3 design featured on Smashing Magazine
Design HTML CSS