Library

Blocks

Blocks are ready-to-use, responsive layouts built entirely from DUI primitives. Install a block using the shadcn CLI when you want a dashboard panel, a search filter toolbar, or directory list instead of composing every piece yourself.

Blocks catalog

Application

Sign In Form

Authentication form with OAuth providers and email/password fields.

blocks-sign-in

Session Block

User session display with status indicator and sign out action.

blocks-session

Color Filter

Theme color picker with component preview.

blocks-color-filter

Heroes

Hero Simple

Simple hero section with title, description, and primary action.

blocks-hero-simple

Hero Centered

Centered hero section with badges and dual actions.

blocks-hero-centered

CTA

CTA Section

Focused call-to-action section with primary and secondary paths.

blocks-cta-section

Features

Feature Grid

Responsive product feature grid with concise supporting content.

blocks-feature-grid

Gallery

Gallery Mosaic

Responsive editorial image mosaic with a contextual cursor.

blocks-gallery-mosaic

Photo Story

Responsive image-led story section with focused editorial content.

blocks-photo-story

Testimonial Section

Customer quote with identity, role, and outcome context.

blocks-testimonial-section

Logo Cloud

Quiet customer and partner logo strip for trust-building pages.

blocks-logo-cloud

Testimonial Grid

Responsive three-column customer testimonial collection.

blocks-testimonial-grid

Local Logo Wall

Responsive regional partner and customer brand wall.

blocks-local-logo-wall

Content

FAQ Section

Accessible native disclosure list for common product questions.

blocks-faq-section