A self-styling `style` element - makes itself visible & styles itself to look like code printed on an alternating line background with lateral perforations (real transparency allows to see through holes to the backdrop) codepen.io/thebabydino/pen/wBBLJrz?edito… If you're looking for original code boxes...🐱 #CSS
Dec 19, 2025 at 5:23 PM
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
Box Shadows - Generate CSS Box Shadows
A CSS box-shadow library and generator to create, test and share box shadows.
CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend
A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.
CSS Generators: Your CSS code with less effort
A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.
Revealing Text With CSS letter-spacing | CSS-Tricks
Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.
tilde.style
tilde.style is a design toolkit, not a design. Three real, contributed styles — click one to see the whole page become it.
CSS Studio. Design by hand. Code by agent.
A visual CSS editor in your browser. Adjust styles with sliders and pickers, and your AI agent writes the changes to source.
BG.IBELICK - Ready-to-Use Background Snippets
Modern background snippets for web developers crafted with Tailwind CSS and Vanilla CSS.
css.graphics/pipes
Endless 3D pipes inspired by the classic screensaver, rendered entirely with HTML and CSS using PolyCSS.
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
GRID: A simple visual cheatsheet for CSS Grid Layout
Learn all about the properties available in CSS Grid Layout through simple visual examples.
