Feature Section Components

Dev Design Library indexes 126 feature section components from 22 open-source UI libraries, with the most coming from Oxbow UI, Watermelon UI, cnblocks, Tremor Blocks and FLX UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Feature section components belong to the Sections group.

Showing 120 of 126, a mix from every library. Open a library to see all of its components.

• Bento GridMagic UI · ReactBento grid is a layout used to showcase the features of a product in a simple and elegant way.
• Feature CarouselCult UI · ReactFeature carousel component with smooth transitions and customizable layouts
• Awesome Bento GridLobe UI · React
• Widget GridKokonut UI · ReactDashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.
• Agent Bento GridVengeance UI · ReactMulti-agent workspace grid layout
• Items SectionLaunch UI · React
• AccordionOSuselayouts · ReactInteractive accordion showcase with animated content, image transitions, hover effects, keyboard navigation, autoplay…
• LandingBoardUI · React
• Feature Section 01Tremor Blocks · React
• Feature Eightcnblocks · SvelteFeature grid with icons in circular containers
• Bento GridAnimations (Svelte) · SvelteA flexible grid layout with interchangeable BentoCard items for showcasing content in a responsive masonry style.
• Split ShowcaseObsidianUI · React
• Bento Grids 01Oxbow UI · Astro
• CTA SplitNexvyn UI · ReactA two column call to action with a phone showing your app screen.
• Bento 01Watermelon UI · React
• Feature Fivesv-efferd · SvelteA dense capability grid with patterned card backgrounds and a stronger product voice.
• Bento grids 01FLX UI · ReactThree-column bento: primary tile (two-thirds) with title, description, CTA and media, plus supporting image cards.
• Bento feature gridVelora UI · ReactFive-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag marquee and a globe.
• Flex Grow Benefits RevealCue Foundations · React
• Bento 03D2Studio UI · ReactA flat 3×2 feature grid on thin edge-masked rules — no cards, no fills. Each cell pairs a recessed keycap icon tile…
• Glass Bento GridOpaline · ReactFeature tiles on glass in a bento layout, with a pointer light and a call to action that slides in.
• Features Section Demo 1Aceternity UI · ReactSimple with card gradient
• Marketing Feature CodeCult UI · ReactMarketing section for code or network policy features
• Awesome Feature GridLobe UI · React
• Research Bento GridVengeance UI · ReactAnimated developer-service showcase with interactive pricing and pause states
• Feature Carouseluselayouts · ReactA smooth carousel for showcasing product features.
• Feature Section 02Tremor Blocks · React
• Feature Elevencnblocks · SvelteFeature section with alternating image/text rows
• Bento Grids 02Oxbow UI · Astro
• Bento 02Watermelon UI · React
• Feature Foursv-efferd · SvelteA product-feature showcase with structured cards and subtle editorial chrome.
• Bento grids 02FLX UI · ReactA row of collection cards, one twice as wide, each with a product photo bleeding off the top, a title, a short…
• Icon feature gridVelora UI · ReactHeading and six icon feature cards in a three-column grid, each border lit by a cursor-following glow.
• Split Panel Image Synced Faq FeaturesCue Foundations · React
• Block 01D2Studio UI · ReactAI feature showcase with smart summarizer, creative prompts, document analysis and engagement metrics cards.
• Features Section Demo 2Aceternity UI · ReactSimple with hover effects
• Awesome FeaturesLobe UI · React
• Expandable Bento GridVengeance UI · React
• Liquid Indexuselayouts · ReactA feature list whose hover badge is a WebGL liquid gradient that tracks the row.
• Feature Section 03Tremor Blocks · React
• Feature Fivecnblocks · SvelteFeature block with large image and bullet points
• Bento Grids 03Oxbow UI · Astro
• Bento 1Watermelon UI · React
• Feature Onesv-efferd · SvelteA compact four-column feature strip with lightweight icon-led messaging.
• Bento grids 03FLX UI · ReactA product grid with a tall featured item in the center, four smaller items around it, category badges, prices and names.
• Alternating screenshot rowsVelora UI · ReactTwo alternating rows of copy with a checklist beside a browser-framed dashboard mock, sides swapped.
• Features Section Demo 3Aceternity UI · React
• Why Us BentoVengeance UI · React
• Feature Section 04Tremor Blocks · React
• Feature Fourcnblocks · SvelteFour-column feature grid with icons
• Bento Grids 04Oxbow UI · Astro
• Bento 10Watermelon UI · React
• Feature Threesv-efferd · SvelteA bordered feature grid with full-width divider rails and stronger product framing.
• Bento grids 04FLX UI · ReactTwo stacked cards with a two-tone title, a paragraph and a pill button beside a product photo surrounded by short…
• Numbered stepsVelora UI · ReactHow-it-works section with four numbered steps on a gradient connector line, each with a small UI visual.
• Sticky Scroll RevealAceternity UI · React
• Feature Section 05Tremor Blocks · React
• Feature Fourteencnblocks · SvelteFeature section with numbered steps
• Bento Grids 05Oxbow UI · Astro
• Bento 11Watermelon UI · React
• Feature Twosv-efferd · SvelteAn editorial feature frame with dashed rails, corner accents, and three focused highlights.
• Bento grids 05FLX UI · ReactA mosaic of rounded tiles that mixes photos with two short text tiles, one with a detail photo at its base and one…
• Tabbed product tourVelora UI · ReactProduct tour with animated tabs; each tab pairs short copy and a checklist with a Tailwind-built app mock.
• Feature Section 06Tremor Blocks · React
• Feature Ninecnblocks · SvelteFeature list with checkmarks and descriptions
• Bento Grids 06Oxbow UI · Astro
• Bento 12Watermelon UI · React
• Bento grids 06FLX UI · ReactA brand mosaic of square tiles around one large central photo, mixing photographs with spaced-out taglines and a small…
• Sticky ScrollVelora UI · ReactCopy scrolls past a pinned panel that swaps per section.
• Feature Section 07Tremor Blocks · React
• Feature Onecnblocks · SvelteSimple three-column feature grid
• Bento Grids 07Oxbow UI · Astro
• Bento 13Watermelon UI · React
• Feature 01FLX UI · ReactList of items: select one to reveal its description and media.
• Feature Section 08Tremor Blocks · React
• Feature Sevencnblocks · SvelteFeature section with tabs and content panels
• Features 01Oxbow UI · Astro
• Bento 14Watermelon UI · React
• Feature 02FLX UI · ReactA process section with a split title/description header and a portrait image flanked by two columns of numbered step…
• Feature Section 09Tremor Blocks · React
• Feature Sixcnblocks · SvelteSix-column feature grid with hover effects
• Features 02Oxbow UI · Astro
• Bento 15Watermelon UI · React
• Feature 03FLX UI · ReactA sticky title/description column paired with a scrolling list of features, each with its own title, description, and…
• Feature Section 10Tremor Blocks · React
• Feature Tencnblocks · SvelteFeature block with centered image and cards
• Features 03Oxbow UI · Astro
• Bento 16Watermelon UI · React
• Feature 04FLX UI · ReactA title with a two-column list of ruled milestones below it, beside a tall photo.
• Feature Section 11Tremor Blocks · React
• Feature Thirteencnblocks · SvelteFeature section with large hero image
• Features 04Oxbow UI · Astro
• Bento 17Watermelon UI · React
• Feature 05FLX UI · ReactA centered product title over three icon features, a large product photo and a product card with finish swatches and a…
• Feature Section 12Tremor Blocks · React
• Feature Threecnblocks · SvelteThree-column feature cards with borders
• Features 05Oxbow UI · Astro
• Bento 2Watermelon UI · React
• Feature 06FLX UI · ReactA short title and a numbered list of four features beside a large photo overlapped by a smaller one.
• Feature Twelvecnblocks · SvelteFeature grid with gradient backgrounds
• Features 06Oxbow UI · Astro
• Bento 3Watermelon UI · React
• Feature Twocnblocks · SvelteTwo-column feature with image on side
• Features 07Oxbow UI · Astro
• Bento 4Watermelon UI · React
• Features 08Oxbow UI · Astro
• Bento 5Watermelon UI · React
• Features 09Oxbow UI · Astro
• Bento 6Watermelon UI · React
• Features 10Oxbow UI · Astro
• Bento 7Watermelon UI · React
• Features 11Oxbow UI · Astro
• Bento 8Watermelon UI · React
• Features 12Oxbow UI · Astro
• Bento 9Watermelon UI · React
• Features 13Oxbow UI · Astro
• Feature 1Watermelon UI · React
• Features 14Oxbow UI · Astro
• Feature 2Watermelon UI · React
• Features 15Oxbow UI · Astro

Libraries with feature section components

• Oxbow UI
• Watermelon UI
• cnblocks
• Tremor Blocks
• FLX UI

Related categories

• React Feature Section Components
• Tailwind CSS Feature Section Components
• Svelte Feature Section Components
• Animated Feature Section Components
• shadcn/ui Feature Section Components
• Section Components
• Hero Components
• Footer Components
• Logo Cloud Components
• CTA Section Components
• FAQ Section Components
• Testimonials Section Components
• Gallery Section Components
• Integrations Section Components
• Stats Section Components
• Contact Section Components
• Team Section Components
• Blog Section Components
• Newsletter Section Components