# Features · 01 React Section | Creght Blocks

> A grid-based benefits section for presenting capabilities and differentiated value.

[Blocks](/) [Sections](/#section-library) [TemplatesNew](/templates.md)

[Templates](/templates.md)

[EN](/blocks/features-01.md) [中文](/zh-CN/blocks/features-01.md)

[All sections](/)/Features · 01

FeaturesFree

Creght Blocks section

# Features · 01

A grid-based benefits section for presenting capabilities and differentiated value.

[Full preview](/preview.md?section=features-01)

Use in Creght

## Live preview

Check the section at desktop, tablet, and mobile widths.

DesktopTabletMobile

About this section

## A production-ready building block

A grid-based benefits section for presenting capabilities and differentiated value.

### How to use it

1. 01
Review the fit

Read the description and technical profile before choosing the section.

2. 02
Test the layout

Switch device widths and open the full preview to inspect the interaction.

3. 03
Build with it

Open Creght and adapt the section to your brand, content, and conversion goal.


Technical details

CategoryFeatures

PerformanceMedium load

RenderingClient animation

Dependenciesframer-motion, lucide-react

## Related sections

Explore more components from the same category.

[![Features · 02](https://fsu.creght.com/site/2083536173505974272/1785589260308__features_02.jpg?w=3072&fmt=webp)](/blocks/features-02.md)

### [Features · 02](/blocks/features-02.md)

A concise benefits list for industrial products and business services.

[![Features · 03](https://fsu.creght.com/site/2083536173505974272/1789714776295__features_03_showcase_cover.png?w=3072&fmt=webp)](/blocks/features-03.md)

### [Features · 03](/blocks/features-03.md)

An animated card-based benefits section for highlighting core selling points.

> Full page index: [/llms.txt](/llms.txt)