Changelog

shadcn/ui Sales & Marketing Dashboard: app and 23 blocks

The shadcn/ui Sales & Marketing Dashboard is now available as a complete Next.js app and 23 reusable React blocks, with 1:1 matching Figma designs.

The app#

A complete dashboard covering marketing acquisition, campaign performance, conversion, sales pipeline, and revenue. Use the full app as a starting point or adapt its layouts for your product.

23 shadcn/ui dashboard blocks#

Install individual blocks through the shadcn CLI, including metric cards, channel and campaign performance, funnels, attribution, a growth simulator, revenue vs. target, pipeline stages, deals, rep performance, customer health, and an AI insights panel.

Explore the app, browse all 23 blocks, or read the announcement.

Copy prompts for blocks and components

Block and component pages now have a Prompt tab alongside React, Figma, and Code. Copy the prompt into Cursor, Claude Code, Codex, or v0 to install the original registry item, render it, and adapt its content while preserving its design.

The prompt includes registry setup, the install command for your selected package manager, MCP guidance, and the current base, style, and icon library. Free items include source code. Pro source follows the same license access as the Code tab, and license key values are never included.

Choose Copy prompt or Download .md for the full prompt. Open in Claude Code and Open in ChatGPT carry installation instructions without source code.

Get started or browse blocks.

Base v3.1: current with shadcn/ui, organized like Pro

Base Figma is the official shadcn/ui set of the Figma kit: every official component and block, in all eight styles, without the Pro material. Base v3.1 catches up with shadcn/ui and is built from the same file as Pro v3.5, so it inherits the same organization.

Current with shadcn/ui#

Base v3.1 adds the components shadcn/ui has shipped since v3.0: Attachment, Bubble, Marker, Message, Message Scroller and Questionnaire. Questionnaire comes as five components and 20 choice variants, matched 1:1 with the React version; see the Questionnaire breakdown for the anatomy. That makes 61 component pages, Accordion to Questionnaire, plus the official Dashboard, Login and Sidebar blocks.

Every component follows the Style and Theme variable modes, so it works across all eight styles in light and dark.

Organized like Pro#

Base v3.1 is cut from the Pro v3.5 file, so it has the same structure:

• Pages are grouped under COMPONENTS · shadcn/ui official, BLOCKS · shadcn/ui official, ICONS and UTILITY sections, one page per component or block group, in the same order as the site. The ↳ prefixes are gone.
• Names inside a page match the React exports: the Card page holds Card, CardHeader and CardFooter. Swapping a component is page, then item.
• Variant properties are React props: names are the prop (variant, size, state) and values are the React values (sm, lg, destructive).
• Icons are one page per library, Lucide, Tabler, Hugeicons, Phosphor and Remix, plus the Icon Placeholder, so Figma loads only the library you open.
• Nothing is hidden from publishing, so your copy of the library receives updates for every component.

Renaming never breaks instances; they track the component, not the name. Files built on Base v3.0 pick up the new names when you update the library. If you move from Base to Pro, every component you already use is in the same place with the same name.

Read the full breakdown → Base v3.1: current with shadcn/ui, organized like Pro

Availability#

Base v3.1 is available now for Base Figma customers and is included with every Pro bundle. Re-download the file from your Polar portal; see Updates for how.

Pro v3.5: AI Chat in Figma, tables you can reorder

AI Chat shipped React first in August, with the Figma counterpart promised next. It's here, in Pro v3.5 of the Figma kit.

AI Chat in Figma#

The chat surfaces from the AI Chat app are now in the kit, matched 1:1 with their React blocks: Chat, Composer, Chat Shell, Assistant Panel, and Share Dialog. The seven message renderers come with them: text, reasoning, tool calls, web search, sources, file, and questionnaire parts.

The app screens are designed too: Chat, with its new, loading and not-found states and the docked assistant panel; Library in grid, list and preview views; and Projects with the project detail. The dialogs and menus around them are ready to detach and edit.

Like the rest of the kit, all of it responds to the Style and Theme variable modes, so every surface works across all eight styles in light and dark. Design the chat in Figma, install the same blocks with the shadcn CLI, and the two stay in step.

Open AI Chat in Figma. Available in the Pro kit.

Read the full breakdown → AI Chat comes to the shadcncraft Figma kit

Tables: rows you can reorder#

The Table blocks pick up row drag and drop, in Figma and React. 15 of the 21 blocks gain a grip handle column, in both the Large and Small variants; the record and analytics views (transactions, audit logs, leaderboards) deliberately keep their fixed order.

In React the reordering is wired up with dnd-kit: drag rows with the pointer or the keyboard, and the handle disables itself while a sort is active so the two never fight.

Sorting improved along the way: sortable headers now show their direction, a third click clears the sort, and aria-sort keeps screen readers in the loop. If you already own the tables, reinstall a block and the update is yours.

App Shells#

A new block group under Pro Application: three App Shells and five App Shell Headers. An App Shell is the frame around an application screen: a sidebar, a header bar and an empty content area, ready to drop a dashboard or a table into. Each shell comes with the sidebar expanded and collapsed, at Large and Small. The headers are the bar on its own, with the sidebar toggle, a workspace switcher, a date range, filters, settings and search, to swap into a shell or use on top of your own layout.

Like every block in the kit, they follow the Style and Theme variable modes across all eight styles in light and dark. Available in the Pro kit.

Also in v3.5#

• The file now mirrors the site. Pages are grouped under COMPONENTS, BLOCKS, APPS and ICONS sections in the same order as shadcncraft.com, and the names inside a page are the ones you see there: the Footers page holds Footer 1 to Footer 4, and Footer 4 is the block you install as footer-4. Swapping a component is page, then item. Variant properties read as React props (variant, size, state; sm, lg, destructive), the ↳ page prefixes are gone, icons are one page per library, and nothing is hidden from publishing any more. 897 nodes were renamed and existing instances keep working; they track the component, not the name. How the names map to React is on the Figma to React mapping page.
• Balance, Avatar Upload and Team Card are split into numbered components that match the registry: Balance 1 to 3, Avatar Upload 1 and 2, Team Card 1 and 2.
• Questionnaire, announced in August, is included.

Availability#

Pro v3.5 is available now for Pro Figma and Pro Figma + React customers. Re-download the file from your Polar portal; see Updates for how. Base Figma is updated alongside it in Base v3.1.

AI Chat: a complete chat app, in Apps

AI Chat is a complete chat application built with Next.js, shadcn/ui, and the Vercel AI SDK, and it opens a new section of shadcncraft: Apps.

The app#

A working product rather than a parts list: thread history with pinning and inline rename, a command palette, projects, a file library, share links, and an assistant panel that docks the whole chat beside your own app. It streams scripted conversations the moment you clone it and switches to live models with one environment variable.

The showcase page embeds the deployed app itself, so you can try every screen before buying.

The blocks and components#

The chat surfaces ship as Pro AI registry blocks: Chat, Composer, Chat Shell, Assistant Panel, and Share Dialog. Under them, seven message renderers install as components of their own: text, reasoning, tool calls, web search, sources, file, and questionnaire parts.

Not a claim about compatibility: the app itself installs its renderers from this registry with the shadcn CLI, in any of the eight styles and five icon libraries.

Browse the chat blocks. Available with Pro React and Pro Figma + React.

Figma ships next#

This one lands React first. The Figma counterpart of the AI Chat surfaces is being built and ships soon; when it lands, the kit matches the React version 1:1, the way the rest of the kit does.