Dark asymmetric bento of one wide and two stacked tiles painted with Copper, Cobalt and Stained Slabs, each holding a product panel: MRR figure, churn list or SVG line chart.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/features-bento-02npx shadcn add @01orbital/features-bento-02yarn shadcn add @01orbital/features-bento-02bunx --bun shadcn add @01orbital/features-bento-02Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/features/features-bento-02/index.tsx, as source you own and edit.
import FeaturesBento02 from "@/components/blocks/features/features-bento-02"
export default function Example() {
return <FeaturesBento02 />
}Prop
Type
npm: cn. The CLI installs them for you.
Registry pieces it installs with it:
buttoncobalt-slabscopper-slabsfont-hanken-groteskstained-slabsContour Field Feature Tiles
Dark three-tile row under a centered Instrument Serif heading, each tile a silver, gold or obsidian Contour Field under an Edge Scrim, with a glass icon badge, a large title and one line of copy.
Dark Feature Grid with Eclipse
Dark six-item feature grid with gradient hairlines over each item, under a left-aligned header, with a Solar Flare eclipse scene masked into the top-right corner.