ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

FeatureGrid

A responsive grid for displaying feature cards with icons and descriptions.

3-Column Grid

Default three-column feature grid with icon-based feature cards.

Fast

Blazing fast performance

Secure

Built-in security features

Global

Deploy anywhere

2-Column Grid

Two-column layout for more spacious feature presentations.

Simple Syntax

Write less code, do more

Built-in Database

No setup required

4-Column Grid

Four-column layout for compact feature overviews on wide screens.

Themes

Light & dark modes

Auth

Built-in login

Search

Full-text & semantic

Deploy

One-click deploy

Product Features

Real-world example showcasing product capabilities with varied icons.

AI-Powered

Integrated AI for smart features

Analytics

Real-time insights built in

Extensible

180+ embedded components

Usage

<FeatureGrid columns="3"> <div><Icon name="zap" size="24" color="#c9952c" /><strong>Fast</strong><p>Blazing fast performance</p></div> <div><Icon name="shield" size="24" color="#c9952c" /><strong>Secure</strong><p>Built-in security features</p></div> <div><Icon name="globe" size="24" color="#c9952c" /><strong>Global</strong><p>Deploy anywhere</p></div></FeatureGrid>

Props

PropTypeDefaultDescription
columnstext"3"Number of grid columns (2, 3, or 4)
childrencontent-Feature cards to display in the grid