App pieces blocks

About these app pieces blocks

The small pieces every app page needs: a page title with actions, table filters, a command palette, a detail panel, a theme menu. All 5 are single React files built on shadcn/ui components. They use only your theme tokens, so they take your colors, radius and fonts, and they work in Next.js, Vite, React Router, TanStack Start and Astro.

Free and Pro

5 of them are free and MIT licensed. Every one, Pro included, has a live preview.

Which one to pick

• Page title (free): The top of an app page: a way back, the title, a line of facts, and the actions at the right.
• Table filters (free): A search field and one filter per facet (status, label, assignee), each a dashed button that opens checkboxes with counts, and a reset.
• Command palette (free): A search button for the app bar that opens a command palette on click or ⌘K: pages and actions in groups, with icons and shortcuts.
• Detail panel (free): A list whose rows open a side panel: facts as a list, sections of badges and places, and actions at the bottom; the list stays behind.
• Theme menu (free): The theme menu of an app bar: a button with the sun and the moon that opens light, dark and system, next to notifications and sign-in.