Shadcn UI Blocks

Search Results is a collection of search engine style result page blocks for displaying queries, filters, and ranked listings. The blocks pair Shadcn UI components with Tailwind to cover result cards, tab filters, knowledge panels, and related searches. Every block is offered in React, Vuejs, and Svelte versions.

Settings Pages is a collection of account settings blocks for user profile, security, notifications, billing, and integrations screens. Each block arranges Shadcn UI components such as cards, switches, selects, and inputs in a sidebar-driven Tailwind layout. Ready to use, with React, Vuejs, and Svelte versions of every block.

Social Medias is a collection of social feed blocks for building timeline and community style interfaces. The blocks use Shadcn UI avatars, cards, dropdown menus, and buttons with Tailwind to handle posts, reactions, polls, and media content. Built in React, with Vuejs and Svelte versions shipped alongside.

Sortable Cards is a collection of drag and drop blocks for reordering cards, lists, and grid items. The blocks wire dnd-kit into Shadcn UI cards and badges with Tailwind styling, so reordering feels smooth and accessible. Available in React, Vuejs, and Svelte versions, each wired to a matching drag and drop setup.

Survey Forms is a collection of form blocks for collecting feedback, opinions, and structured data from users. Each block leans on Shadcn UI inputs, radio groups, and selects with Tailwind layouts to keep multi-question surveys readable. Every block ships in React, Vuejs, and Svelte versions.

Task Details is a collection of project management blocks for viewing a single task with its subtasks, files, and discussion. The blocks compose Shadcn UI cards, checkboxes, progress bars, and dropdown menus with Tailwind to mirror real tools like Asana or Jira. All blocks ship in React, Vuejs, and Svelte versions.

Tasks is a collection of data table blocks for tracking issues and to-dos in a project dashboard. The blocks pair Shadcn UI table components with TanStack Table features such as sorting, filtering, and pagination, all styled with Tailwind. Each block ships in React, Vuejs, and Svelte versions, all built on TanStack Table.

Timelines is a collection of chronological display blocks for project milestones, activity histories, and event streams. Each block uses Shadcn UI badges, avatars, and icons on a Tailwind spine layout to keep events scannable in order. Offered in React, Vuejs, and Svelte versions.

Notifications is a collection of alert and update blocks for showing user activity, mentions, and system messages in one place. The blocks use Shadcn UI avatars, badges, and tabs with Tailwind styling to separate read and unread items clearly. The whole collection comes in React, Vuejs, and Svelte versions.