pdfcn, audiocn & cn Class Merge Engine

pdfcn: shadcn/ui for Document Generation

Shadcn Labs released pdfcn, an open-source tool for building PDF layouts using UI component patterns. Powered by Takumi and Forme, it supports over 10 themes and 40 pre-built blocks including invoices, reports, and contracts.

It integrates directly with the shadcn/ui workflow via a single command, allowing developers to configure and style document templates with familiar token-driven setups.

audiocn: Modular Audio Primitives for React

Built by OrcDev and fortysevenfx, audiocn brings specialized audio primitives into the shadcn ecosystem. The library provides level meters, frequency visualizers, faders, knobs, channel strips, sound pads, and full mixer layouts.

Components are distributed as copy-paste source files adhering to the shadcn CLI workflow, providing full access to internal styling and mechanics.

cn: High-Performance Tailwind Class Merging

The shadcn-ui team introduced cn, a dedicated engine designed to replace clsx and tailwind-merge. Retaining identical API signatures for complete backward compatibility, the rewrite benchmarks up to 30× faster at resolving conflicting Tailwind CSS classes.

DS Manager: Visual Design System Canvas

DS Manager launched as an interactive design system canvas for shadcn/ui. It allows developers to define tokens and variants visually, audit components live, and generate customized registries or export configurations directly into projects.

Official Registry Directory Expansions

The official shadcn/ui registry directory welcomed over thirty community registries targeting niche interface requirements.

• @gauge-ui SVG gauge primitives for React featuring arcs, zones, ticks, needles, and spring or tween animation options.
• @pastaui Interface components dedicated to AI workflows, handling tool calls, approval flows, conversations, and background executions.
• @sureui Open-source confirmation patterns including undo actions, hold-to-confirm, and typed validation components.
• @videocn A full-featured video player supporting HLS, DASH, live streams, and keyboard shortcuts styled using shadcn tokens.
• @tablecn Data table and filter builder blocks with search, pagination, and URL-synchronized filters across Radix and Base UI.
• @json-view-cn A syntax-highlighted, collapsible JSON tree viewer component built on Base UI primitives.

⚡️ Sponsor: Shadcn Labs

Shadcn Labs

Pushing the limits of the shadcn/ui ecosystem.

📙 Articles, Tutorials & News

Building Production Forms with TanStack Form, Zod & shadcn/ui

Shadcn Studio published a practical guide detailing how to manage complex React form state using TanStack Form paired with Zod schemas and standard shadcn form primitives.

Layout Mechanics: The Case for Horizontal Tabs

shadcn shared design insights on horizontal tabs versus vertical sidebars, arguing for keeping active working state immediately visible while saving horizontal layout width in density-sensitive tools.

📦 Projects, Packages & Tools

ogimagecn: Dynamic Open Graph Image Generator

Shadcn Labs launched ogimagecn, a Satori-powered collection of over 20 customizable OG image templates that install via the standard shadcn CLI workflow.

shadercn: Drop-In WebGPU Shader Orbs

Shadcn Labs released shadercn, providing 30+ type-safe shader animations powered by vgpu and TypeGPU designed to integrate into shadcn applications.

ReUI 2.7: Signature Pad and Time Picker

ReUI version 2.7 introduced 25 new free components including a Signature Pad and Time Picker, alongside pro monitoring and rich-text blocks.

icons-animated: Multi-Framework Micro-Animations

An open-source registry featuring 1,187 animated Hugeicons, Tabler, and Phosphor icons for React, Vue, and Svelte.

LogoForge: Typed Brand Logos for React

A registry of 900+ typed vector brand logos with automatic dark-mode variants and logo cloud blocks.

🌈 Related

Remocn Studio: Agent-Assisted Video Editor

An open-source macOS video editing workspace integrating coding assistants like Claude, Codex, and Copilot into custom Remotion workflows.

Cove Stack: TanStack Start Full-Stack Boilerplate

A full-stack template uniting TanStack Start, Nitro, Vite Plus, Drizzle ORM, Better Auth, and shadcn/ui with Base UI primitives.