ActiveFeaturedBlocks & sections (marketing/SaaS)27
@flx
Blocks & sections (marketing/SaaS) · AGPL-3.0 · data updated 2026-07-28
Flexnative (flx) is an open-source library of UI blocks and patterns for product interfaces, built on shadcn/ui and Tailwind CSS. Blocks cover page sections — hero, content, carousel, showcase, bento-grids, logos, testimonials, scroll effects, and sticky-scroll-media. Patterns provide smaller UI compositions: avatar, breadcrumb, button, dialog, input, item, popover, select, tabs, and tooltip. All components include interactive live previews and are copy-paste installable via the shadcn registry. Free, MIT licensed. Use for: assembling SaaS or product marketing pages quickly by combining pre-built page sections with composable UI patterns, without starting layout from zero.
animationblocksbuttonscardsformsiconsmarketingmedianavigationoverlayssaas
Install
npx shadcn@latest add https://ui.flexnative.com/r/registry.jsonHealth
StatusActive
Last commit2 weeks ago
LicenseAGPL-3.0
Open issues0
ArchivedNo
Stars27
Components (443)
bento-grids-01carousel-01carousel-03carousel-02content-06content-09content-02content-07content-05content-01content-04cta-01hero-01hero-02hero-03hero-04hero-05hero-06hero-07hero-08hero-09hero-10hero-11hero-12hero-13logos-01scroll-01ctadynamic-icontestimonials-01accordion-01accordion-02accordion-03accordion-04accordion-05accordion-06accordion-07accordion-09accordion-10accordion-11accordion-12accordion-13accordion-14accordion-15accordion-16avatar-01avatar-02avatar-03avatar-04avatar-05avatar-06avatar-07avatar-08avatar-09avatar-10avatar-11avatar-12avatar-13badge-01badge-02
Components: bento-grids-01, carousel-01, carousel-03, carousel-02, content-06, content-09, content-02, content-07, content-05, content-01, content-04, cta-01, hero-01, hero-02, hero-03, hero-04, hero-05, hero-06, hero-07, hero-08, hero-09, hero-10, hero-11, hero-12, hero-13, logos-01, scroll-01, cta, dynamic-icon, testimonials-01, accordion-01, accordion-02, accordion-03, accordion-04, accordion-05, accordion-06, accordion-07, accordion-09, accordion-10, accordion-11, accordion-12, accordion-13, accordion-14, accordion-15, accordion-16, avatar-01, avatar-02, avatar-03, avatar-04, avatar-05, avatar-06, avatar-07, avatar-08, avatar-09, avatar-10, avatar-11, avatar-12, avatar-13, badge-01, badge-02, badge-03, badge-04, badge-05, badge-06, badge-07, badge-08, badge-09, badge-10, badge-11, badge-12, badge-13, banner-01, banner-02, banner-03, banner-04, banner-06, banner-07, banner-09, banner-11, banner-12, banner-14, breadcrumb-01, breadcrumb-02, breadcrumb-03, breadcrumb-04, breadcrumb-05, breadcrumb-06, breadcrumb-07, breadcrumb-08, breadcrumb-09, button-01, button-02, button-03, button-04, button-05, button-06, button-07, button-08, button-09, button-10, button-11, button-12, button-13, button-14, button-15, button-16, button-17, button-18, button-20, button-21, button-22, button-23, button-24, button-25, button-26, button-27, card-01, card-02, card-03, card-04, card-05, card-06, card-07, card-08, card-09, card-10, card-11, card-12, card-13, card-14, checkbox-01, checkbox-02, checkbox-03, checkbox-04, checkbox-06, checkbox-07, checkbox-08, checkbox-09, checkbox-10, checkbox-11, checkbox-12, checkbox-13, collapsible-01, collapsible-02, collapsible-03, collapsible-04, collapsible-05, collapsible-06, command-01, command-02, command-03, command-04, command-05, command-06, command-07, command-14, command-15, command-08, command-09, command-10, command-11, command-12, command-13, dialog-01, dialog-02, dialog-03, dialog-04, dialog-05, dialog-06, dialog-08, dialog-09, dialog-10, dialog-11, dialog-12, dialog-13, dialog-14, dialog-15, dialog-16, dialog-17, dialog-18, dialog-19, dialog-20, dialog-21, dialog-22, dropdown-01, dropdown-02, dropdown-03, dropdown-04, dropdown-05, dropdown-06, dropdown-07, dropdown-08, dropdown-09, dropdown-10, dropdown-11, dropdown-12, dropdown-13, dropdown-14, dropdown-15, dropdown-16, dropdown-17, dropdown-18, dropdown-19, empty-01, empty-02, empty-03, empty-04, empty-05, input-01, input-02, input-03, input-04, input-05, input-06, input-07, input-08, input-09, input-10, input-11, input-12, input-13, input-14, input-16, input-15, input-17, item-02, item-03, item-04, item-05, item-06, item-07, item-08, item-09, item-10, item-11, item-12, item-13, item-14, item-15, item-16, item-17, item-18, item-19, item-20, item-21, item-24, pagination-01, pagination-02, pagination-03, pagination-04, pagination-05, pagination-06, pagination-07, pagination-08, popover-01, popover-02, popover-03, popover-04, popover-05, popover-06, popover-07, popover-08, popover-09, popover-10, popover-11, popover-12, popover-13, popover-14, select-01, select-02, select-03, select-04, select-05, select-06, select-07, select-08, select-09, select-10, select-11, select-12, select-13, select-14, select-15, select-16, skeleton-01, skeleton-02, skeleton-03, skeleton-04, skeleton-05, skeleton-06, skeleton-07, skeleton-08, skeleton-10, skeleton-12, skeleton-13, skeleton-14, skeleton-15, skeleton-16, switch-01, switch-02, switch-03, switch-04, switch-05, switch-06, switch-07, switch-08, switch-09, switch-10, switch-11, switch-12, switch-13, table-01, table-02, table-03, table-04, table-05, table-06, table-07, table-08, table-09, table-10, table-11, table-12, table-13, table-14, table-15, table-16, table-17, table-18, table-19, table-20, tabs-01, tabs-02, tabs-04, tabs-05, tabs-06, tabs-07, tabs-08, tabs-10, tabs-11, tabs-12, tabs-13, tabs-14, tabs-15, tooltip-01, tooltip-02, tooltip-03, tooltip-04, tooltip-05, tooltip-06, tooltip-07, tooltip-08, tooltip-09, tooltip-10, rhf-fields-02, rhf-fields-03, rhf-fields-04, rhf-fields-05, rhf-fields-06, rhf-fields-07, rhf-fields-08, rhf-fields-09, rhf-rules-01, rhf-rules-02, rhf-rules-03, rhf-rules-04, rhf-recipes-01, rhf-recipes-02, rhf-recipes-03, rhf-recipes-04, rhf-advanced-01, rhf-advanced-02, tsf-fields-02, tsf-fields-03, tsf-fields-04, tsf-fields-05, tsf-fields-06, tsf-fields-07, tsf-fields-08, tsf-fields-09, tsf-rules-01, tsf-rules-02, tsf-rules-03, tsf-rules-04, tsf-recipes-01, tsf-recipes-02, tsf-recipes-03, tsf-recipes-04, tsf-advanced-01, tsf-advanced-02, settings-1, settings-2, settings-3, settings-4, notifications-1, notifications-2, notifications-3, delete-account-1, delete-account-2, delete-account-3Preview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@flx · bento-grids-01
npx shadcn@latest add https://ui.flexnative.com/r/bento-grids-01.jsonView source