Basebox
Pick sections, arrange them with drag and drop, and download the finished page as code.
- Type
- Page builder
- Built with
- Next.js, TypeScript, Tailwind CSS, Framer Motion, dnd-kit, Shiki
- Live at
- basebox-five.vercel.app
Overview
Basebox takes the component library one step further. Besides documentation for more than 80 components, it has a page builder: choose a navbar, hero, pricing and footer, put them in order, and download a ready-to-use page.
Highlights
- 01
80+ components
Documented in about twenty categories.
- 02
Drag and drop builder
Pick sections and put them in order.
- 03
Download the page
The finished page comes out as a ZIP of code.
- 04
Light and dark
Every component works in both modes.
Tech and tools
Preview pages
Next.js with a preview page per component.
Drag and drop
dnd-kit to reorder, JSZip for the download.
Readable code
Shiki for syntax highlighting.
Themes
next-themes for light and dark mode.