Creative Tim UICreative Tim UI

Two-column layout with dark cards and feature lists - shadcn/ui

PRO

Alternating two-column layout pairing dark promotional cards with numbered feature lists. Includes icon header and descriptions, perfect for feature comparisons and service showcases.

Preview

Component Details

ID
two-column-content-layout
Type
Block
Access
PRO
Category
Content
Published
3 Apr 2026

Files Included

  • app/two-column-content-layout/page.tsx
  • components/creative-tim/blocks/two-column-content-layout.tsx

Components Used

Explore More Blocks

Testimonials
TestimonialsProfessional testimonial and social proof components for React and Next.js. Build customer reviews, ratings, case studies, and trust-building sections.
Layout
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.
Product List
Product ListProfessional product listing and showcase components for React and Next.js. Build product grids, filtered lists, rating displays, and ecommerce product catalogs with customizable layouts.
Account
AccountBeautiful and customizable account management components for React and Next.js. Build user profiles, settings, authentication flows, and account dashboards with ready-to-use blocks.
Pages
PagesComplete, ready-to-use full-page layouts for React and Next.js. Drop in a full page — dashboards, management views, and multi-section layouts composed from multiple blocks. Install with one command and customize to your needs.
x402
x402Internet-native payment protocol components for React and Next.js. Build AI agent payments, HTTP-based stablecoin transactions, and autonomous commerce experiences using the x402 protocol.
Calendar
CalendarProfessional calendar and scheduling components for React and Next.js. Build event calendars, weekly schedules, daily planners, and event creation forms with date pickers and time management.
KPI
KPIProfessional KPI (Key Performance Indicator) card components for React and Next.js. Build metric displays, performance snapshots, dashboard cards with icons, badges, arrows, progress bars, charts, and action buttons to showcase business metrics and analytics.