Modern Form Builder Built With Next.js, Convex, and AI SDK.
- Drag-and-drop form builder with live preview and customization
- Supports multiple question types, validation, and conditional logic
- Easy form sharing, embedding, and real-time response collection
- Workspace and team management with roles and permissions
- Secure authentication with OAuth and password protection
Features · Model provider Deploy your own · Running locally
- Next.js App Router
- Advanced routing for seamless navigation and performance
- React Server Components for server-side rendering and increased performance
- Convex
- Real-time database for storing form data and responses
- Backend functions for form logic and processing
- Convex Auth
- Simple and secure authentication without external services
- Built-in support for magic links, OTPs, OAuth, and password authentication
- AI SDK
- Unified API for generating text, structured objects, and tool calls with LLMs
- Hooks for building dynamic chat and generative user interfaces
- Shadcn/ui
- Styling with Tailwind CSS
- Component primitives from Radix UI for accessibility and flexibility
This app ships with Openai provider as the default. However, with the AI SDK, you can switch LLM providers to Ollama, Anthropic, Cohere, and many more with just a few lines of code.
You can deploy your own version of Fragmenta to Vercel with one click:
You will need to use the environment variables defined in .env.example to run Fragmenta. It's recommended you use Vercel Environment Variables for this, but a .env file is all that is necessary.
Note: You should not commit your
.envfile or it will expose secrets that will allow others to control access to your various Convex and authentication provider accounts.
- Install Vercel CLI:
npm i -g vercel - Link local instance with Vercel and GitHub accounts (creates
.verceldirectory):vercel link - Download your environment variables:
vercel env pull
npm install
npm run devYour app should now be running on localhost:3000.