The best of CSS, from around the web.
Demos that make you ask “that's CSS only?”, and the tools worth knowing. All curated, and each one linked to the CSS it uses.
- CSS-only pens
- 44
- tools and resources
- 59
Built with CSS only
3D scenes, games, art and scroll-driven pieces, with no JavaScript.
ToolsTools and resources
Generators, frameworks, linters, courses and newsletters, free and paid.
Open PropsFramework · 5,564 ★UtopiaGenerator · FreeChrome DevTools MCPAI & MCP · 54,820 ★Newest in the Showcase
See all →- scroll-driven
by Cyd StumpelGekke zoom dingen
Scroll to zoom deep through layers, parallax with a twistscroll-drivenanimation-timelinezoomscale - scroll-driven
by Chris BolsonCircular typographic scramble
Scroll and scattered letters snap into a circular sentencescroll-driven3Danimation-timelinesibling-index() 
AdSponsored by LogfolioLog and track everything you read and watchBooks, films, games and more on one page.Start your log →- interactive
by Jhey TompkinsWorking stopwatch
A stopwatch that keeps real time, counted by CSS animationsinteractiveanimation:checkedcounter() - animation
by Kiarash ZarinmehrDancing skeleton
A small skeleton that never stops dancinganimationarttransformborder-radius - animation
by Ricardo Oliva AlonsoPainter
A painter at his easel, drawn and animated in CSSanimationartborder-radiuslinear-gradient The modern.css newsletter
New CSS each month, and new things in the Atlas. 806 subscribers. Past issues
Newest tools
See all →Dembrandt
AI & MCPExtracts a website's colours, type, spacing and CSS variables as design tokens, from the CLI or an MCP server.- Stars
- 3,945
- Last commit
- 6 days ago
- Licence
- MIT
CSS MCP Server
AI & MCPGives agents MDN CSS docs and compatibility data, and analyses your stylesheets for complexity and patterns.- Stars
- 338
- Last commit
- 1 year ago
- Licence
- ISC
Baseline MCP Server
AI & MCPTells your agent the Baseline status and browser support of web features, using Web Platform Dashboard data.- Stars
- 37
- Last commit
- 12 days ago
- Licence
- MIT
MDN MCP server
AI & MCPMDN's own MCP server, giving agents current MDN docs and browser compatibility data for CSS features.- Stars
- 196
- Last commit
- 5 days ago
- Licence
- MPL-2.0
Figma MCP server
AI & MCPSends Figma design context, variables and layout to your coding agent so it can write matching code.- Price
- Freemium, View and Collab seats get up to 20 calls a month. Dev or Full seats on paid plans get daily limits.
- Made by
- Figma
- Kind
- AI & MCP
Playwright MCP
AI & MCPGives agents a real browser to resize, switch colour schemes and screenshot pages while checking CSS.- Stars
- 39,198
- Last commit
- 3 days ago
- Licence
- Apache-2.0
Made something with CSS only, or know a tool that belongs here? Submit it.