Does Features Orbit work with Next.js?

Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.

Can I change the copy and colours?

Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Features Orbit

Integrations section: icons orbit your logo next to a checklist of what connects.

Type: Features section
Styles: Dark, Colorful
Licence: Charcoal UI Pro

About Features Orbit

Features Orbit shows integrations with icons orbiting your logo beside a checklist of what connects.

It is a full-width features section for React and Tailwind CSS 4, in a dark and colorful style. Preview it at any width above, then install it with one command.

When to use Features Orbit

Integration and partner pages.
API and platform products.
Ecosystem overviews.
Marketplace sections.

How it is built

Orbit is CSS-only, and icons and checklist items are props.

It is composed from Orbit, so installing it also installs those components, and you can restyle each one the same way you would on its own.

Goes well with Features Orbit

Features Orbit is part of a full template, so you can see it in a finished page.

Hearth template: A home for your app launch.
Features Grid: A React features grid of six cards with a pointer spotlight and staggered reveal
Features Bento: A React bento features section where every tile is a working component
Features Alternating: A free React alternating features section: image and text rows that slide in
Features Tabs: React feature tabs that auto-advance with a progress bar and swap visuals
Orbit: CSS-only React orbit: icons circle a centre on rings and stay upright

Install Features Orbit

npx shadcn@latest add @charcoal/features-orbit

Features Orbit is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.

Frequently asked questions

Does Features Orbit work with Next.js?: Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
Can I change the copy and colours?: Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Built from

Orbit: Icons circling a centre on CSS-only rings. Each icon counter-rotates so it stays upright.

Features Orbit as Markdown