Components · v0.1

Card

The Nova signature surface. Every stable component sits on top of a Card at some level — every gradient, halo, and moon-edge trick you see across Nova lives here.

Example

Hover the card. The halo tracks your cursor across the surface.

Monthly plan

Move your cursor across the card.

$24/ month

Anatomy

Cards ship with a set of composable subcomponents. Use them to keep typography rhythm consistent across surfaces.

Workspace

Manage members, invites, and roles.

12 seats · 3 pending invites

Variants

default

elevated

outline

ghost

Interactive

Enable interactive for surfaces that should feel clickable. It adds a cursor-tracking halo, a hover lift, and press physics. Pair with tabIndex={0} or wrap in an anchor for keyboard access.

Upgrade to Pro

Recommended

Unlimited workspaces and priority support.

API

Prop

Type

Default

Description

variant
"default" | "elevated" | "ghost" | "outline"
"default"
Resting elevation and border treatment.
padding
"none" | "sm" | "md" | "lg"
"md"
Uniform inner padding. Use 'none' to render your own layout inside.
interactive
boolean
false
Enables the cursor-tracking halo, hover lift, and press sink. Also sets a focus ring — pair with tabIndex={0} for keyboard focus.