Blocks

Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.

PRO

legal39

Force Majeure Clause

Force majeure card listing qualifying events that excuse performance, notification requirements, and obligations during the force majeure period.

PRO

legal40

Confidentiality Agreement Card

Summarizes confidentiality obligations with what is considered confidential, permitted disclosures, duration, and remedies. Suitable for vendor onboarding and partnership agreements.

PRO

legal41

Privacy Policy Summary

Simple privacy policy overview card listing key data practices. Ideal for sign-up flows, footers, or settings pages.

PRO

legal42

Terms of Service

Text-focused terms of service card with numbered sections. Each section has a heading and paragraph content for full legal text.

PRO

legal43

Privacy Policy Page

Full privacy policy content card with sections covering data collection, usage, sharing, retention, rights, and security. Ideal for dedicated privacy pages.

PRO

legal44

Cookie Policy

Cookie policy card listing each cookie type with name, description, and required/optional badge. Suitable for dedicated cookie policy pages or modals.

PRO

legal45

End User License Agreement

EULA card with numbered clauses covering license grant, restrictions, IP, warranties, and liability. Each clause has a title and full legal text.

PRO

legal46

Privacy FAQ Accordion

Expandable privacy FAQ using accordion pattern. Each question reveals a detailed answer on click. Ideal for help centers and privacy pages.

PRO

legal47

Data Retention Table

Table-based data retention schedule showing category, retention period, and legal basis per row. Ideal for GDPR compliance and privacy documentation.

PRO

legal48

Data Request Process Timeline

Vertical timeline showing the step-by-step process for handling data requests. Numbered steps with connecting lines guide the user through the workflow.

PRO

legal49

Regulatory Notice Blocks

Color-coded regulatory notices with info, warning, and critical severity levels. Each notice has a colored left border, icon, and detailed content.

PRO

legal50

Tabbed Platform Policies

Multi-section policy card using tabs to switch between data use, security, cookies, and user rights content. Compact way to present multiple policies.

PRO

legal51

Rights Comparison Table

Two-column comparison table showing data rights and privacy features by plan tier. Badge-styled values for Free vs Pro plans.

PRO

logos6

Logo Grid with Card Backgrounds

Responsive grid of partner or client logos. Each logo sits inside a softly tinted, rounded card so mixed-style logos (marks, wordmarks, scanned seals) all feel cohesive.

PRO

navbar19

Mega Menu Navbar

Full-width mega menu navbar with multi-column product dropdowns, icon-enhanced links, and promotional cards. Perfect for SaaS products and enterprise sites with extensive feature offerings.

FREE

navbar30

Centered Logo Split Nav

Symmetrical navbar with centered logo flanked by navigation links on both sides and dropdown menus. Perfect for fashion brands and lifestyle sites wanting balanced visual hierarchy.

PRO

navbar31

Animated Underline Navbar

Minimal navbar with configurable animated underline effects (slide, grow, or fade) on navigation links. Perfect for portfolio sites and creative agencies wanting subtle hover animations.

PRO

navbar32

Search-Focused Navbar

Navbar with prominent search input, navigation links, and action button for search-driven experiences. Perfect for marketplaces, directories, and content platforms prioritizing discovery.

PRO

navbar33

Multi-Level Dropdown Nav

Navbar with hover-activated dropdowns supporting nested sub-menus for deep navigation hierarchies. Perfect for enterprise software and documentation sites with complex information architecture.

PRO

navbar34

Sidebar Drawer Navbar

Navbar with slide-in sidebar drawer featuring grouped navigation sections and overlay backdrop. Perfect for content-rich sites wanting organized off-canvas navigation menus.

PRO

navbar35

Sliding Indicator Navbar

Responsive navbar with animated sliding underline indicator that follows hover and highlights active navigation item. Perfect for SaaS dashboards and apps wanting polished micro-interactions.

PRO

navbar36

Tab-Style Navbar

Navbar with tab-style navigation supporting underline or pill active states for app-like navigation. Perfect for dashboards and admin panels with section-based interfaces.

PRO

navbar37

Floating Pill Navbar

Centered floating navbar with rounded pill shape, backdrop blur effect, and compact layout. Perfect for modern landing pages and portfolios wanting a minimal floating navigation style.

PRO

navbar38

Dual-Row Navbar

Two-tier navbar with slim top bar for announcements and contact info above main navigation. Perfect for e-commerce and service businesses displaying promotions and support details.