The five best design links, every weekday

Category: Css

All Categories

sarasoueidan.com

CSS to speech

When and how to use the slash content property syntax in CSS to provide alt text for CSS-generated content, and why it is important.

ishadeed.com

The basics of anchor positioning

Learn the basics of Anchor Positioning in CSS.

oklch.fyi

OKLCH color picker, generator and converter

Build unique and uniform color palettes. Preview on UI components, export CSS or Tailwind variables, and learn why OKLCH outperforms RGB and HSL.

2025.stateofcss.com

State of CSS 2025

The results are out for the State of CSS survey.

fx.hot.page

Split flap

An ode to the train stations of our childhood: a split-flap web component.

tweakcn.com

Beautiful themes for shadcn/ui

Customize theme for shadcn/ui with tweakcn’s interactive editor. Modify properties, preview changes, and get the code in real time.

atlaspuplabs.com

Liquid Glass, but in CSS

"I wonder if CSS can do that". It turns out, yes, with great effort, it can.

ui.glass

Glass UI generator

Generate CSS and HTML components using glassmorphism design specs.

survey.devographics.com

State of CSS 2025

Take the survey! After years of rapid innovation, now feels like the right time for browser vendors to take a beat to consolidate and fix.

uxdesign.cc

Figma’s new grid

Why you must understand CSS Grid as a designer.

9ui.dev

9ui

Clean, customizable components built with Base UI and Tailwind CSS.

webtui.ironclad.sh

WebTUI

Modular CSS Library that brings the beauty of Terminal UIs to the browser.

smashingmagazine.com

Masonry in CSS: should Grid evolve or stand aside

There were duelling proposals floating around for adding support for masonry-style layouts in CSS.

getbutterfly.com

Visual CSS editor

An online visual CSS Editor with instant live preview.

frontendmasters.com

CSS bursts with conic gradients

Using hard color stops with repeating-conic-gradient() and the double-stop syntax, we can pretty easily create a burst background.

webkit.org

Item flow: a new unified concept for layout

CSS Grid and Flexbox brought incredible layout tools to the web, but they don’t yet do everything a designer might want.

codepen.io

Holographic masks in CSS

Experimenting with some CSS holographic effects that are activated on scroll.

bjango.com

Matching drop shadows across CSS, Android, iOS, Figma, and Sketch

If you’ve ever tried to implement consistent shadows across multiple platforms and design tools, you may have noticed that they don’t look the same.

easingwizard.com

Easing wizard

Generate and customize CSS easing functions with ease and magical precision using Easing Wizard.

ishadeed.com

CSS relative colors

An interactive guide to learn CSS Relative Colors.