Getting Started

Get up and running with Solidiom in under 5 minutes.

#Prerequisites

• Node.js 20+ (LTS recommended)
• A package manager: npm, pnpm, Yarn, or Bun

#Create a Project

npx solidiom create my-app --template saas-dashboard
cd my-app
npm install
npm run dev

#Choose a Template

Solidiom ships 31 templates across two portfolios:

• Balanced Product — SaaS dashboards, auth flows, billing, content management
• Enterprise — IAM, audit logs, compliance, API management, security

Browse all templates at /templates/.

#Add Components

Add individual components to an existing project:

npx solidiom add button
npx solidiom add dialog
npx solidiom add data-table

#Choose a Styling Profile

Solidiom supports three styling outputs:

• CSS — Plain CSS with semantic data-attribute selectors
• Tailwind — Tailwind CSS utility classes
• UnoCSS — UnoCSS atomic utilities

Set your profile during project creation or in .solidiom/config.json.

#Choose a Theme

Apply a preset theme or build your own:

npx solidiom add --theme ocean

Available presets: Ocean, Forest, Slate, Aurora.

#Next Steps

• Browse primitives — 52 headless building blocks
• Browse components — 52 styled recipe wrappers
• Theme builder — visual theme editor
• CLI reference — full command documentation