Home
  • Test page
New: Layout presets for 2025

Launch component-driven pages in days, not weeks

Combine Flotiq CMS with pre-built sections to assemble polished product experiences without sacrificing flexibility.

Browse section libraryView live demo

Why teams adopt Flotiq component sections

Each section ships responsive layouts, editorial controls, and theming hooks so your team publishes faster.

Composable by design

Mix and match marketing, product, and support sections to ship pages tailored to each launch.

  • 40+ hero, feature, pricing, and testimonial layouts
  • Consistent typography, spacing, and dark mode ready

Editor-friendly controls

Empower content editors with toggles, CTA groups, accordions, and more without touching code.

  • Expose only the fields that matter to your team
  • Preview and schedule updates directly from Flotiq

Developer extensibility

Section schemas stay versioned alongside your Next.js project, so extending and syncing is safe.

  • Type generation keeps React components strongly typed
  • Use Tailwind tokens or custom design tokens on demand

Showcase product stories fast

Pick a preset, pipe content, and publish. These flows highlight how flexible the section library becomes in production.

Launch microsites

Curated releases in minutes

Spin up campaign hubs with hero, grid, and CTA sections mapped to your latest feature drops.

    Scale documentation

    Guide customers with clarity

    Blend paragraphs, accordions, and callouts to keep technical docs approachable and on-brand.

      Drive conversions

      Focus on the funnel

      Layer testimonials, comparison tables, and launch CTAs to support marketing experiments.

        Adopted by product and marketing teams

        Teams building content-rich experiences rely on the Flotiq section library to balance speed and governance.

        Reusable layouts with familiar editing

        "We rolled out eight product pages in the first month because editors could compose without developer tickets."

        Sara W.
        Head of Product Marketing, StackFlow

        Typed schemas keep launches safe

        "The generated TypeScript kept our Next.js components in sync with content changes—no more guessing field names."

        Leo D.
        Lead Frontend Engineer, Datagrid

        Accessible patterns out of the box

        "Accordions, tabs, and CTAs already meet our accessibility checklist, saving countless QA cycles."

        Amira K.
        Content Design Lead, Northwind
        Read customer stories

        Choose a starting point for your component library

        All plans include unlimited drafts, schema versioning, and access to the full set of section presets.

        Compare all pricing 
        StarterComponent Pilot
        GrowthProduct Momentum
        ScaleExperience Platform

        Frequently asked questions

        Run `npm run sync:components` to import the latest content types and regenerate TypeScript definitions with flotiq-api-typegen.
        Yes. Draft mode and scheduled publishing are supported out of the box, so editors can stage updates safely.
        Clone the content type, extend the React component, and keep both in sync thanks to typed props and the Flotiq SDK.
        Content fields accept localized values. Combine with Flotiq spaces to keep region-specific pages organized.

        Ready to ship composable product sites?

        Book a walkthrough or start a sandbox workspace to explore how the Flotiq section catalog accelerates delivery.

        Start free workspaceTalk to our team

        Talk with the Flotiq team

        Need help planning your component rollout? Share a few details and we will tailor a walkthrough for your stack.

        By submitting this form you agree to our privacy policy.

        Product questions

        Connect with a solution engineer to map your use case.

        hello@flotiq.com

        Schedule a demo

        Pick a time that fits your calendar and explore the components live.

        Support center

        Join the community

        Ask questions and share feedback with other implementers.

        Support center