LobeChatLobeHub
UI
Components
Chat
Mobile
Awesome
Brand
Mdx
Color
Changelog
Ctrl K
Data Display
Features
Hero
SpotlightCard
Effect
AuroraBackground
GaussianBackground
GridBackground
Spotlight
Feedback
Giscus
General
GradientButton

Features

The Features component is used to display a list of feature items. It receives an array of feature items and renders them using the Item component. It also allows customization of the maximum width of the content, the class name and style of each item.

import { Features } from '@lobehub/ui/awesome';
NPM
UNPKG
BundlePhobia
PackagePhobia
Anvaka Graph
Source
Edit
Next
Hero

Resources

Lobe UI-AIGC Components
Lobe Icon-AI / LLM Icon Collection
Lobe Charts-Modern Charts
Lobe TTS-TTS / STT Library

Community

Report Bug
Request Feature

Help

GitHub
Changelog

More Products

🤯 Lobe Chat-AI / LLM Chat Framework
🧸 Lobe Vidol-Virtual Idols for EveryOne
🅰️ Lobe Theme-Stable Diffusion Extension
🌐 Lobe i18n-AI i18next CLI
Copyright © 2022-2025
Made with 🤯 by LobeHub
LobeHub

Default

APIs

NameDescriptionTypeDefault
columns--any--
gap--any--
itemClassNameThe class name of the itemstring--
itemStyleThe style of the item{}--
itemsThe array of feature itemsFeatureItem[](required)
maxWidth--number--

Themeable

Provides a simple way to customize default themes, you can change the colors, fonts, breakpoints and everything you need.

Fast

voids unnecessary styles props at runtime, making it more performant than other UI libraries.

Light & Dark UI

Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes.