Navigation Components
Explore navigation and header component variants including dark/light themes, utility bars, announcement bars, and responsive menus.
View ExamplesComponents
Explore all available UI components with examples and variants.
Hero Components
Showcase of all 11 hero component variants including solid backgrounds, images, and animations.
View ExamplesFooter Components
Footer components with 3 main layouts and multiple themes: contact-left, centered, minimal. Includes link columns, social icons, copyright, and dark/light themes.
View ExamplesTimeline Components
Vertical and horizontal timeline components for displaying sequential processes, steps, and chronological content.
View ExamplesContent Block Components
Showcase of all 9 content block variants for text and image layouts.
View ExamplesFeature Grid Components
Showcase of all 6 feature grid variants for features, stats, and process steps.
View ExamplesCTA Components
Showcase of all 9 call-to-action component variants for driving conversions.
View ExamplesCard Grid Components
Display services, features, or listings with 6 card grid variants: icon-cards, image-cards, bordered, horizontal, hover-lift, and text-only. Responsive columns, animations included.
View ExamplesProse Components
Display long-form text content with 4 prose variants: default, centered, sidebar, and dark. Perfect for blog posts, articles, and documentation with proper typography.
View ExamplesForm Components
Contact forms, quote forms, and authentication with 6 form variants: contact, quote, custom, login, signup, and forgot-password. Built-in validation and TD-20 integration.
View ExamplesAddress Block Components
Display contact information with 4 address block variants: map-left, map-right, map-top, and no-map. Includes phone, email, address, and optional Google Maps integration.
View ExamplesLogo Bar Components
Display partner logos, integrations, or client brands with 3 logo bar variants: default, scrolling animation, and grid. Perfect for social proof and partnerships.
View ExamplesCode Block Components
Display syntax-highlighted code with 4 variants: default, side-by-side, tabbed, and inline. Includes copy buttons, line numbers, and language support for JSON, HTML, JavaScript, and more.
View ExamplesFAQ Components
Display frequently asked questions with 4 FAQ variants: accordion, two-column, category-tabs, and minimal. Includes Schema.org FAQPage markup for rich snippets.
View ExamplesReview Components
Display testimonials and reviews with 4 variants: carousel, grid, featured, and logo-bar. Includes Schema.org Review markup for rich snippets and star ratings.
View ExamplesTeam Components
Display team members with 3 team grid variants: cards, compact, and detailed. Includes photos, bios, roles, and social links for about pages and team sections.
View ExamplesGallery Components
Display images with 3 gallery variants: grid, lightbox, and carousel. Responsive masonry layouts, click-to-enlarge, and thumbnail navigation included.
View ExamplesPricing Components
Display pricing plans and tiers with 4 pricing variants: cards, table, comparison, and toggle. Highlight features, recommended plans, and include CTA buttons.
View ExamplesComparison Components
Compare products, services, or plans with 4 comparison variants: side-by-side, table, cards, and feature-matrix. Perfect for pricing, specifications, and decision support.
View ExamplesSpecifications Components
Display technical specifications and data with 4 variants: table, cards, list, and comparison. Perfect for product specs, technical documentation, and data sheets.
View Examples