--- title: shadcn/typeset: a single CSS file for styling rendered... description: shadcn released typeset, a single CSS file utility that handles styling for rendered markdown output. It targets a common pain point: markdown renders as... canonical: https://daily.dev/posts/shadcn-typeset-a-single-css-file-for-styling-rendered-markdown-fxmsep3uv twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: shadcn/typeset: a single CSS file for styling rendered markdown | daily.dev og:description: shadcn released typeset, a single CSS file utility that handles styling for rendered markdown output. It targets a common pain point: markdown renders as... og:url: https://daily.dev/posts/shadcn-typeset-a-single-css-file-for-styling-rendered-markdown-fxmsep3uv og:image: https://api.daily.dev/og/posts/FxMSep3uv.png og:image:alt: shadcn/typeset: a single CSS file for styling rendered markdown og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # shadcn/typeset: a single CSS file for styling rendered markdown **[Collections](https://daily.dev/sources/collections)** · 1 min read · 22 upvotes · 3 comments ## Summary shadcn released typeset, a single CSS file utility that handles styling for rendered markdown output. It targets a common pain point: markdown renders as unstyled HTML, requiring developers to manually style headings, paragraphs, lists, and tables for each project. Typeset wraps all styles in a typeset container class, lives directly in your project for easy customization, and supports streaming markdown for LLM output use cases. A configurator is available to preview defaults before adopting it. ## Content shadcn just shipped **typeset**, a utility for styling markdown output without having to re-do the same spacing and sizing work every time. The problem it solves is familiar: you render markdown and get back plain, unstyled HTML. Headings, paragraphs, lists, tables - all unstyled. So you write styles for each element, get it looking right for your blog, then do the whole thing again for your docs, then again for a chat interface. Typeset collapses that into a single file - `typeset.css` - that handles everything inside a `typeset` container. Because it lives in your project rather than being locked inside a package, you can edit it directly when you need to override something. It also handles streaming markdown, which matters if you're building anything with LLM output. Early reactions have been positive. People are dropping it into projects with `react-markdown` and finding it works without much fuss. There's also a configurator to play with the defaults before committing to anything. Straightforward idea, well-executed. ## Community discussion Top comments from developers on daily.dev. **@erikwurzer** · 2 upvotes > And the link ... [https://ui.shadcn.com/docs/typeset](https://ui.shadcn.com/docs/typeset) **@farishubton** · 0 upvotes > And the link to play with it ... [https://ui.shadcn.com/typeset](https://ui.shadcn.com/typeset) --- Tags: [#css](https://daily.dev/tags/css), [#markdown](https://daily.dev/tags/markdown), [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/shadcn-typeset-a-single-css-file-for-styling-rendered-markdown-fxmsep3uv) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"shadcn/typeset: a single CSS file for styling rendered markdown","url":"https://daily.dev/posts/shadcn-typeset-a-single-css-file-for-styling-rendered-markdown-fxmsep3uv","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/shadcn-typeset-a-single-css-file-for-styling-rendered-markdown-fxmsep3uv"},"datePublished":"2026-07-15T16:32:38.910Z","dateModified":"2026-07-16T06:17:29.182Z","description":"shadcn released typeset, a single CSS file utility that handles styling for rendered markdown output. It targets a common pain point: markdown renders as...","image":"https://pbs.twimg.com/media/HNSCJnNa0AAR2Bj.jpg","thumbnailUrl":"https://pbs.twimg.com/media/HNSCJnNa0AAR2Bj.jpg","isAccessibleForFree":true,"articleSection":"Collections","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Collections","logo":"https://media.daily.dev/image/upload/s--fk_6ycEi--/f_auto,q_auto/v1780996001/logos/collections?_a=BAMAMiWQ0","url":"https://daily.dev/sources/collections"},"commentCount":3,"discussionUrl":"https://daily.dev/posts/shadcn-typeset-a-single-css-file-for-styling-rendered-markdown-fxmsep3uv","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":22},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"keywords":"css,markdown,shadcn","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Collections","item":"https://daily.dev/sources/collections"},{"@type":"ListItem","position":3,"name":"shadcn/typeset: a single CSS file for styling rendered markdown"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/shadcn-typeset-a-single-css-file-for-styling-rendered-markdown-fxmsep3uv","comment":[{"@type":"Comment","text":"And the link … https://ui.shadcn.com/docs/typeset","datePublished":"2026-07-15T21:12:31.897Z","url":"https://daily.dev/posts/FxMSep3uv#c-qTcVjLydl","author":{"@type":"Person","name":"Erik Wurzer","url":"https://daily.dev/erikwurzer","image":"https://lh3.googleusercontent.com/a/ACg8ocKY56taT6PPIlRKU0gdOP8Lnye4WzE1oBn8z8qa65rFFF0dds7F=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"And the link to play with it … https://ui.shadcn.com/typeset","datePublished":"2026-07-20T02:14:36.586Z","url":"https://daily.dev/posts/FxMSep3uv#c-y7mSY6JUt","author":{"@type":"Person","name":"Faris Hubton","url":"https://daily.dev/farishubton","image":"https://lh3.googleusercontent.com/a/ACg8ocKDgzDJ42wT0FIH9GRXS-j94tAruZLilzVnsd-XisZAxsDMkQ4=s96-c"}}]} ```