CSS Type Studio
Visual editor for advanced typography with CSS.
CSS Type Studio launched on May 28, 2026 with 3 votes, #3,449 of 20,538 launches that month and more than 50% of that year's launches.
What it does
CSS Type Studio makes it easy to use advanced font properties in CSS such as kerning, ligatures, numerical forms, optical sizing, and more. Choose from any typefaces in Google Fonts to create the perfect font pairing for your web project.
Create layouts in HTML that are pleasurable to read. CSS Type Studio lets you quickly iterate through different typefaces, sizes, spacing attributes, and more.
Use this link to share this layout with anyone. (You don't need to be logged in to view it.) If you delete this from your saved layouts, the link will no longer work. To view or update your payments, visit the Stripe Billing Portal . Log in to save and share your type layouts, and get CSS code . Go beyond font-family and font-size. CSS Fonts Module Level 4 gives you control over advanced typographic features including text wrapping, kerning, optical sizing adjustments, and OpenType features such as oldstyle figures, ligatures, and small caps. Best of all: these features are supported in the latest version of every major browser. Set advanced type properties for header and body elements in…from csstypestudio.com
Does a similar job
all alternatives →
Colors & Fonts2021 · colorsandfonts.com · ▲304Color & typography for web developers & digital designers
CSS Studio. Design by hand, code by agentApr 2026 · cssstudio.ai · ▲175Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…
More work this month
the category →
Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.
Work · 27d ago · loficities.com
Smooth Recorder▲257Mac screen recordings that look edited when you hit stop
Work · 21d ago · smoothrecorder.com
Work · 15d ago · readrare.com
Source: Product Hunt launch ↗
Launched alongside, May 2026
the whole month →
Parallel agents, diff reviewer, and multi-model comparisons
Dev tools · May 2026 · kilo.ai
Hey HN, Henry here from Cactus. We open-sourced Needle, a 26M parameter function-calling (tool use) model. It runs at 6000 tok/s prefill and 1200 tok/s decode on consumer devices. We were always frustrated by the little effort made towards building agentic models that run on budget phones, so we conducted investigations that led to an observation: agentic experiences are built upon tool calling, and massive models are overkill for it. Tool calling is fundamentally retrieval-and-assembly (match query to tool name, extract argument values, emit JSON), not reasoning. Cross-attention…
Life & fun · May 2026 · github.com
🌱 Private, quiet space for thinking. Simple app for .md files. - zakirullin/files.md
Dev tools · May 2026 · github.com