Blocks

Team Grid

Team section.

The hands on the lighting rig

A small crew, deliberately. Every spring constant in the library has been argued over by these four.

  • Imara Solenne

    Founder & principal engineer

    Believes most design arguments end at the right spring curve.

    SitePosts

  • Theo Lindqvist

    Design systems lead

    Keeps the token sheet shorter than this sentence wants to be.

    SiteTalks

  • Priya Raghunath

    Motion engineer

    Measures interfaces in milliseconds and forgiveness.

    PostsDemos

  • Casper Nwadike

    Developer experience

    Reads error messages out loud until they apologise.

    SiteNotes

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal
npx lumora-ui@latest add team

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx
import { TeamGrid } from "@lumora/ui/blocks/team";
// or from the barrel:
import { TeamGrid } from "@lumora/ui";

Props worth knowing

members take { name, role, bio, initials?, links? }; initials derive from the name when omitted and link chips reveal on hover. heading and subheading top the section. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.