Skip to content
Docs / Standalone components

Build

Standalone components

Effects and widgets that belong to no design system, so they drop into any project, next to any system.

What they are

Standalone components and blocks are single files: backgrounds, glass, 3D and shaders, typography and motion effects, plus cards, buttons, navigation and widgets. Each one has its own look and is meant to be recoloured, retimed or rebuilt for your project. Browse them in Components & blocks.

The component page

  • A live preview, in light and dark where the component supports both.
  • Copy Command: the install command, with your token when you are signed in.
  • The source and a Manual tab with its packages, public for every free component.
  • The props table, when the component takes props.
  • Remix with AI, when the component has a remix prompt. See Remix prompts.

Install

npx shadcn@latest add @aicanvas/<name>

The file lands at components/aicanvas/<name>.tsx and exports the component as its default export. Installs need a free account; Premium components need Premium. Setup is in Installation.

Props

Documented props come from each component's own source comments, so they match the code. They are on the component page, in one file for agents at /r/aicanvas-props.json, and through the MCP tool get_component_props. See Files for agents.

Stack

React with TypeScript, Tailwind CSS v4 and Framer Motion, with Three.js in some 3D components. Icons come from the AI Canvas icon set. The CLI installs whichever of these a component needs, icons included.