tilde.style is a design toolkit, not a design. Three real, contributed styles — click one to see the whole page become it.
a home for tilde style communities
Mac window tiling icons & keyboard shortcuts
A list of the icons and keyboard shortcuts for tiling windows on Mac.
The A.I.-Design Aesthetic That’s Taking Over the Internet
How Anthropic’s new tool, Claude Design, is creating overnight web-design clichés.
%20(1).jpg)
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.
The Layout Maestro by Ahmad Shadeed
Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.
Design Systems vs. Style Guides
Design systems are a set of standards (like Google’s Material Design or IBM’s Carbon Design System) needed to manage design at scale. Style guides (like content or visual style guides) are just one piece in a design system.
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.
The Geometry of Type
The Geometry of Type explores 100 traditional and modern typefaces in detail, with a full spread devoted to each entry. Characters from each typeface are enlarged and annotated to reveal key features, anatomical details, and the finer, often-overlooked elements of type design, which shows how these attributes affect mood and readability. Sidebar information lists the designer and foundry, the year of release and the different weights and styles available, while feature boxes explain the origins and best uses for each typeface, such as whether it is suitable for running text or as a display font for headlines. To help the reader spot each typeface in the wider world, the full character set is shown, and the best letters for identification are highlighted.
Retro 80s Seamless Pattern Background Stock Vector - Illustration of retro, pattern: 57384117
Retro 80s seamless pattern background. Illustration about retro, pattern, print, fashionable, hipster, fabric, element, backdrop, geometric, arty, graphic, ornament, background - 57384117
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.
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
Tildes
Design* tools
Not necessarily *design* design (also includes links related to web design in a broad sense or maybe even just like, posting things online)
Smallweb – Your internet folder
wander
From ZK-first to AT Protocol — our path to DDS | Agora Citizen Network
The Community Manager Pattern - Nick's Blog
Owning group data - meri's missives
Representing groups in ATProto
AnyPub
clipart.studio — magazine collage maker
SVGL
SVG Path Visualizer
A Designer’s Guide to the Terminal
QuickRef.ME - Quick Reference Cheat Sheet
