How do I drop a Next.js source file into an existing project?
Full Stack subscribers can download a template or section's source and move it into a Next.js project directly — copy the components in, install what they import, and wire up the route.
No generation step — you download exactly what we built, so you get exactly what you saw in the preview. It's ordinary Next.js code: components, styles, and the motion setup they rely on.
If you're not on Next.js, don't force this path — generate the HTML and port it instead.
Steps
- 1Download the layer's source (Full Stack plans).
- 2Copy its components into your project, keeping the internal folder structure intact.
- 3Install any packages it imports that you don't already have.
- 4Merge its design tokens into your stylesheet, or scope them to the layer — decide which now, not later.
- 5Point a route at the view and run it.
Walkthrough — coming soon.