Quick Setup
Get Tailark Pro running in a few minutes. You need a Next.js app with shadcn/ui already initialized (npx shadcn@latest init).
For path aliases, monorepos, dark mode and MCP Server, see the full guide.
Generate API key
Open the Dashboard and click Create API Key. Copy the key when shown — you will not be able to view it again.
Add API key to .env.local
Add your API key to .env.local in your project root:
Configure components.json
Merge the aliases and registries below into your existing components.json. Add app, types, and content if you plan to install Tailark Pages.
If you are using a monorepo, read the monorepo section for more information about how to configure the registry in a monorepo.
Add theme
Copy the theme below into your global stylesheet (for example app/globals.css).
For dark mode and a theme toggle, see the theme guide.
Install your first item
Run this from your app directory (project root, or a monorepo app workspace such as apps/web):
Important Security Notes
- Never commit your API key to version control
- Keep
.env.localin.gitignore - Manage keys from the Dashboard
What's next?
You've set up Tailark Pro. Finish these steps to get the most out of blocks and pages in your project.
- Dark mode & toggleAdd next-themes, a provider, and an optional theme toggle.
- MCP ServerLet coding agents search and add Tailark blocks with natural language.
For full configuration options, see the full guide.