Fragments

Visit Tool

fragments is an open-source Next.js template for building AI-generated applications. It leverages the E2B SDK to securely execute AI-generated code, supporting streaming in the UI and package installation.

Claim this tool

1View

At a glance

Pricing

Open Source

Free tier

Yes

API

Yes

Skill level

Technical

About

What is fragments?

fragments is an open-source Next.js template designed for developers to build applications that are fully generated by AI. It is built on Next.js 14, utilizing the App Router and Server Actions, along with shadcn/ui and TailwindCSS for a modern and responsive interface. A key feature is its integration with the E2B SDK, which enables secure execution of AI-generated code within a sandbox environment. The template supports streaming in the UI and allows for the installation and use of any package from npm or pip. It offers support for various stacks like Python interpreter, Next.js, Vue.js, Streamlit, and Gradio, and integrates with multiple LLM providers including OpenAI, Anthropic, Google AI, Mistral, Groq, Fireworks, Together AI, and Ollama. Additionally, it integrates with Morph Apply for token-efficient and accurate code editing.

Best used for

Ideal for developers who need to quickly build AI-generated applications, securely execute AI-generated code in a sandbox, and integrate with various LLM providers. Especially valuable for prototyping AI agents or creating interactive AI tools with dynamic code execution.

Common actions

build AI apps

generate code

execute AI code

prototype AI tools

github copilotface swapping"AI Agents"workflowslow-code/no-codeopen-sourcedeepfakecollaborationautomated workflow

Capabilities

Key features

Secure AI code execution
Streaming UI support
Install npm/pip packages
Multi-stack support
Multiple LLM provider integration
Next.js 14 template

Target Audience

developer

Integrations

openaianthropicgoogle-aimistralgroqfireworks-aitogether-aiollama+ 1 more

Pricing & Plans

Open Source

Free

FAQs

What technologies does fragments use?

fragments is built on Next.js 14, leveraging its App Router and Server Actions. It uses shadcn/ui and TailwindCSS for the user interface and styling. The core functionality for secure code execution is powered by the E2B SDK, allowing for a robust and modern development experience.

Can I add my own custom LLM models or providers?

Yes, fragments is designed for extensibility. You can add custom LLM models by modifying the `lib/models.json` file and integrate new LLM providers by adjusting the `lib/models.ts` file. This allows for flexibility in choosing and configuring your preferred AI models.

How do I add custom personas or sandbox templates?

To add custom personas, you need to use the E2B CLI to initialize and build new templates under the `sandbox-templates/` directory. After building, you update `lib/templates.json` with your new template's details, including name, dependencies, entrypoint, and an optional port.

Trending

Subcategories trending in Coding & Development

Open Source & Models DevOps & Infrastructure No-Code / Low-Code Testing & QA Backend & APIs Prompt Engineering

Trending

Explore

Browse AI tools by category

Content & Design Productivity & Business Coding & Development AI Agents & Automation Research & Education Wellness & Lifestyle Career Development Marketing & Growth Data & Analytics Customer Support & CX Finance E-commerce