looseleaf: Hand-Drawn React Primitives
Kevin Ngo launched looseleaf, an open-source library of 123 accessible React components designed to look like hand-drawn sketches on paper.
The entire library is distributed via a shadcn registry, allowing developers to install whimsical, sketchy buttons, dialogs, sliders, and form elements directly into their projects.
Chartory: 100 Dependency-Free SVG Charts
Chartory published an expansive collection of 100 free, MIT-licensed React chart components rendered directly as SVG without third-party chart dependencies.
The catalog includes complex visualizations such as Sankey diagrams, Gantt schedules, calendar heatmaps, and ridgeline plots, each laid out responsively across four viewport sizes.
Kinematic: Unified Activity Surface for React
Kinematic introduced an activity component for React that replaces stacking toast notifications with a single interactive surface.
The component smoothly morphs between background file uploads, agent reasoning steps, media playback, audio calls, and countdown timers.
Official Registry Directory Expansions
The official shadcn/ui registry directory added specialized interaction toolkits, typography systems, and agent-ready UI primitives this week.
- @0nlytype A typographic component library where every control, badge, and sign is composed entirely in words across two typefaces.
- @affectui Single-file, dependency-free React components built for AI agent chat, reasoning states, tool calls, and approvals.
- @c15t Cookie consent banners and preference management modals for React, Next.js, and TanStack Start.
- @cloudlet A toast notification manager whose message stack collapses into a Dynamic Island pill with spring animations.
- @drift-ui Tailwind v4 components often omitted from shadcn/ui, including tag inputs, steppers, tree views, and file dropzones.
- @stickies Composable sticky notes and draggable, pan-and-zoom whiteboard canvases supporting the open Stickies format.
- @sudokw Source-owned React components that share shadcn’s API but render via the GPUix engine instead of the DOM.
⚡️ Sponsor: Shadcn Labs
Pushing the limits of the shadcn/ui ecosystem.
Join 95
A weekly newsletter with the most interesting shadcn News, Tutorials, Projects, and Tools.
100% free · Delivered every Monday
📙 Articles, Tutorials & News
Building an Animated Badge with shadcn/ui and Motion
A guide by Vaibhav on freeCodeCamp demonstrating how to build an animated status badge with glow effects and state transitions.
Evaluating shadcn/ui Alternatives and Trade-offs
An architectural breakdown exploring when development teams benefit from source-owned shadcn components versus bundled headless libraries.
📦 Projects, Packages & Tools
uiseek: Search Across shadcn Registries
A multi-registry search engine that helps developers locate specialized shadcn components and blocks across independent creators.
shadcn Skill: Agent Rules for shadcn/ui
A project-aware design skill for AI coding assistants that enforces shadcn/ui form rules, component composition, and preset styling.
dotgrain: Dither and ASCII Canvas Primitives
A creative registry rendering typography, media players, charts, and hero blocks as animated ASCII and dither graphics via a compact WebGL2 engine.
liquid-charts: Glass and Liquid Visualizations
A collection of 58 accessible data visualization components across 17 chart families, styled with liquid-glass surfaces and light accents.
Cnippet Blocks: Base UI Website Sections
A library featuring over 110 free marketing blocks, heroes, pricing tables, and footer layouts built with Base UI and Tailwind CSS.
🌈 Related
Porting 63 shadcn/ui Components to Preact
A community developer ported the complete 63-component shadcn/ui catalog to Preact to eliminate bundle overhead in lightweight apps.
shadcn-vue Introduces Conversational Message Primitive
shadcn-vue added a dedicated Message component to structure avatars, alignments, headers, and streaming text in chat interfaces.
Fumadocs CLI Adopts shadcn Theme Tokens
The Fumadocs CLI now detects local components.json configurations to automatically match documentation styling with shadcn theme palettes.
Moatless Store Adds shadcn Component Marketplace
Moatless announced support for buying, selling, and distributing custom shadcn component kits via git-based subscriptions.
Have a link you want to share? Send me an email at hello@shadcnweekly.com
All submissions are appreciated.
👋 See you next week!