Dark Mode
Colors
Drag And Drop
Forms
{"@context":"https://schema.org","@graph":[{"@type":"TechArticle","headline":"Next.js","description":"Learn how to set up Intent in your Next.js project using Intent CLI, the Next.js Starter Kit, or manual installation. Choose the method that fits your workflow.","url":"https://intentui.com/docs/getting-started/nextjs","author":{"@type":"Person","name":"Irsyad","url":"https://x.com/irsyad"},"publisher":{"@type":"Organization","name":"Intent UI","url":"https://intentui.com","logo":{"@type":"ImageObject","url":"https://intentui.com/icon.svg"}},"mainEntityOfPage":{"@type":"WebPage","@id":"https://intentui.com/docs/getting-started/nextjs"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://intentui.com"},{"@type":"ListItem","position":2,"name":"Docs","item":"https://intentui.com/docs"},{"@type":"ListItem","position":3,"name":"Getting started","item":"https://intentui.com/docs/getting-started"},{"@type":"ListItem","position":4,"name":"Next.js","item":"https://intentui.com/docs/getting-started/nextjs"}]}]}
Next.js
Using Next.js starter kit
Kickstart your project with the Next.js Starter Kit, pre-configured and ready to use:
npm
pnpm
yarn
bun
npx create-next-app@latest -e https://github.com/intentui/next.js app
Source code
To install Intent UI manually, clone the latest version from the GitHub repository.
Other framework
You might be interested in using Intent with other frameworks.
LaravelLaravel is a PHP framework for building web applications.
Next.jsNext.js is a React framework for building server-side rendered applications.
ViteVite is a tool for building frontend applications in a fraction of the time.
TanStack RouterTanStack Router is a framework for building server-side rendered applications.
