Vite Integrations

Bolt.new is an AI-powered app development platform that allows users to build full-stack applications directly from their browser. It enables users to create websites, web apps, and prototypes using simple natural language prompts. The platform automatically generates code, sets up project structure, and deploys applications without requiring manual setup. Users can edit and refine their projects in real time within an integrated browser-based development environment. Bolt.new eliminates the need for installing tools or configuring local environments. It supports rapid prototyping, making it easy to turn ideas into working applications quickly. Overall, Bolt.new simplifies and accelerates software development for both technical and non-technical users.

AdminMart is providing high-quality admin dashboard templates for web applications. Our templates, available in both free and premium options, are designed to take your web application to the next level. With a focus on modern, production-ready, and developer-friendly designs, AdminMart offers a wide range of templates and themes, including Bootstrap, Material UI, React, Vuetify, Angular, NextJs, Nuxt Js, Vue, and Tailwind. Our templates are trusted by over 112,000 developers and agencies worldwide. What sets AdminMart apart from other providers is their commitment to customer satisfaction. We offer a 100% money-back guarantee, ensuring your satisfaction with their quality products and strong support service. We also provide faster and more professional support, prioritizing the customers. Additionally, we offer a free demo version for you to download and test before purchasing the pro version. With AdminMart, you can create a clean and sleek dashboard without needing a designer.

Lovable is an AI-powered platform that lets you create and deploy apps from a single browser tab. The platform eliminates the complexity of tradition app-creation environments by combing coding, deployment, and collaboration tools in a single interface. Typically, you must install programs, languages, and packages to build apps. However, on Lovable, you can rely on AI to configure your environment so you can start building without coding experience. The platform supports full-featured development and coding environments for those familiar with coding as well as those who are not, so there’s no limit on what’s possible. - Complete app generation and setup from natural language description. - Code suggestions and autocomplete. - Automated error detection and debugging assistance. - Documentation generation for your app. - App deployment to the cloud in a few clicks. - Database integration and hosting with Supabase native integration. - Custom domain support and connection.

CodeSandbox is a cloud development platform that empowers development teams to code, collaborate, and ship projects of any size from any device in record time. Run your code in powerful microVMs and build anything without limits. We configure your environment for you and keep your code always ready, behind a URL. Boxy, the CodeSandbox AI coding assistant, is also now available to all Pro subscribers.

Accelerate your React development with visual, intuitive superpowers. Drag, drop, click, and prompt your UI into place. While generating code it looks like you wrote it. Load your app, click anywhere, and use intuitive controls to update your Tailwind styling. Syncs with your code on disk in real-time as you work. The difference is so clean, that you could’ve sworn you wrote it yourself. Let the AI update your Tailwind styles for you, so you can spend more time on what matters most. Drag and drop premade, customizable building blocks to scaffold your UI with ease. Works with MUI, Chakra, and other component-based libraries. MightyMeld is a visualization and creation platform for complex React apps. MightyMeld’s architecture has proven to be robust and flexible. We are continually exploring new possibilities, such as enhanced support for design tokens, richer canvas interactions, and more powerful controls in the property panel.

Mantine is a comprehensive React component library designed to facilitate the rapid development of accessible and fully functional web applications. It offers over 100 customizable components and 50 hooks, encompassing a wide range of UI elements such as inputs, buttons, modals, popovers, typography, and layout management tools. Built with TypeScript, Mantine ensures type safety across applications, and its components are compatible with modern frameworks like Next.js and Remix. The library provides native support for dark themes, allowing developers to implement dark mode with minimal configuration. Customization is a key feature, with components supporting extensive visual modifications through props, enabling quick prototyping and experimentation. Mantine also facilitates flexible theming, allowing the extension of the default theme with additional colors, shadows, radius, spacing, fonts, and other properties to meet specific design requirements.

DaisyUI is a Tailwind CSS component library that enhances development efficiency by providing semantic class names for UI components, such as cards and toggles. This approach reduces the need to write extensive utility classes, resulting in cleaner and more maintainable HTML. DaisyUI is built on top of Tailwind CSS, allowing developers to customize components using Tailwind's utility classes. It operates as a pure CSS plugin without JavaScript dependencies, ensuring compatibility across various JavaScript frameworks. Installation is straightforward, and it supports unlimited themes through customizable color names that utilize CSS variables, facilitating features like dark mode without additional class names. daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes. daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers. It has been actively developed for over 10 years. Phaser is built on and around web standards and puts the browser first. Web export isn't an afterthought or checkbox on a feature list; it's our home. Phaser is fully open source, and you have unrestricted access to every last line of code in the core library. Phaser has more ready-made templates than any other game framework and is a great CLI tool. Games made with Phaser have been used as the cornerstone for marketing campaigns for years. They've been deployed everywhere, including as prominent features on sites for major Hollywood film blockbusters, massive brand promotional campaigns, educational content, interactive experiences, TV shows, news reports, charity fund-raising broadcasts, live events marketing, and so many more.

From the creators of Radix, Material UI, and Floating UI, Base UI is an unstyled React component library for building accessible user interfaces. Our focus is on accessibility, performance, and developer experience. Our goal is to provide a complete set of open-source UI components, with a delightful developer experience, in a sustainable way. Features: - Headless: Base UI components are unstyled, don’t bundle CSS, and don’t prescribe a styling solution. - Accessible: Poor accessibility can make your application difficult to navigate for all users, not just for users with disabilities. - Composable: Component APIs are fully open, so you have direct access to each node, you can easily add or remove parts, and you can wrap them however you prefer.

TanStack is an open source, framework-agnostic collection of high-quality, headless, and type-safe utilities designed for modern web development, offering powerful capabilities in state management, data fetching, routing, UI logic, tables, data grids, charts, and reactive client-side storage. Its ecosystem includes core libraries such as TanStack Query for asynchronous server-state fetching and caching, TanStack Router for full-stack and client-side routing with full TypeScript inference and URL state support, and TanStack Table for headless, customizable tables and data grids across TS/JS frameworks. Additional tools, such as TanStack DB, extend the reactive store with live queries and optimistic mutations, while frameworks like TanStack Start provide a full-stack React experience, including SSR, streaming, server functions, and bundling, powered by its own router and Vite. Collectively, TanStack tools emphasize developer control, performance, scalability, and type safety.

Toolpad Core is a self-hosted, low‑code internal tool builder tailored for full-stack and back-end developers, empowering them to craft admin interfaces, dashboards, and CRUD apps using drag‑and‑drop visuals while retaining full code control. Built on MUI's robust React component ecosystem, integrating MUI Core and X libraries, it offers a Postman‑like query builder for REST APIs, the ability to import custom React components, and smooth integration with Node.js backends, eliminating the need for boilerplate API wiring. Toolpad operates entirely locally, storing configuration in version-control–friendly files and giving developers the freedom to extend from low‑code prototypes to production‑grade features using JavaScript and TypeScript. With deep alignment to React, TypeScript, Next.js, and local IDE workflows, Toolpad bridges the gap between rapid UI assembly and maintainable, production-ready development.

Vuetify is an open source Vue.js component framework designed to help developers build modern, responsive, and visually consistent user interfaces using Google’s Material Design principles. It provides a comprehensive collection of pre-built, reusable UI components such as buttons, forms, navigation elements, data tables, and dialogs, all crafted to be accessible and responsive by default across different devices and screen sizes. It includes powerful features such as dynamic theming, global defaults, application layouts, and a flexible grid system, allowing developers to maintain design consistency while customizing the look and feel of their applications. It supports rapid project setup through tooling like Vite and CLI plugins, enabling developers to scaffold applications quickly and focus on functionality instead of low-level styling. Vuetify emphasizes ease of use by eliminating the need for advanced design skills, offering handcrafted components and a large API.

PrimeVue is a next-generation UI component library for Vue.js that provides a comprehensive suite of reusable, customizable components, icons, blocks, and application templates to accelerate frontend development and improve productivity. It includes more than 80 ready-to-use components covering all aspects of interface design, such as forms, data tables, navigation, dialogs, and data visualization, allowing developers to build complex applications without creating UI elements from scratch. It is designed to be highly flexible and design-agnostic, offering both styled modes with prebuilt themes like Aura, Lara, or Nora, and an unstyled mode that allows full control using CSS frameworks such as Tailwind, Bootstrap, or custom styles. PrimeVue also supports responsive design, accessibility standards (WCAG compliance), and modern development practices such as TypeScript integration, modular imports, and compatibility with tools like Vite and Nuxt.

Kombai is an AI agent for frontend. It combines specialized frontend skills, deep browser access, and a dev-like understanding of your repo. Use it to build, refactor, test, and improve every part of your frontend.

SaasRock is a comprehensive SaaS boilerplate built with Remix, designed to expedite the development of B2B applications by providing over 25 pre-built features. These include an admin dashboard, application portal, Stripe subscriptions, and payments, blog functionality, page builder, knowledge base, workflows, analytics, entity builder, email marketing, notifications, onboarding processes, feature flags, caching, and metrics. By offering these integrated components, SaasRock enables developers to swiftly launch production-ready SaaS applications, focusing on unique business logic rather than foundational setups. Create workflows to automate tasks and processes with advanced blocks. Build apps for your customers, their customers, and so on. In-app, email, and SMS notifications using the open source infrastructure. Build widget-based SaaS apps that can be embedded in any website.

Tenancy for Laravel is an application skeleton designed to streamline the development of multi-tenant SaaS platforms. It offers a comprehensive sign-up flow, including tenant registration and user authentication from a central domain. Integrated with Laravel Cashier, it facilitates seamless billing, allowing tenants to select and modify their plans. The boilerplate incorporates a Nova admin panel for efficient tenant and domain management, with ready-to-use Nova resources. Customers can manage subdomains and add custom second-level domains, with integration to ploi.io enabling the automatic creation of virtual hosts and HTTPS certificates upon domain addition. The tenant-aware test suite is structured to separate central and tenant tests, ensuring smooth multi-tenancy operations without additional complexity. Tests structured for separate central and tenant tests. The tenant test suite works so smoothly that you don't even have to think about multi-tenancy when writing the tests.

Trusted by developers, enterprises, and open-source projects. Whether your workspace has a single project or a thousand, Nx will keep your CI fast and your workspace maintainable. Next generation build system with first-class mono repo support and powerful integrations. Nx makes scaling easy. Modern techniques such as distributed task execution and computation caching make sure your CI times remain fast, even as you keep adding projects to your workspace. It can figure out whether the same computation has run before and can restore the files and the terminal output from its cache. Smart, automated, dynamic distribution of tasks across multiple machines to get maximum parallelization and CPU-efficient CI runs. Share your local computation cache with teammates and your CI system for maximum efficiency. Nothing is faster than not running a task. Nx analyzes your project graph and can differentiate it against a baseline to determine which projects changed.

Solid is an AI-powered full-stack app builder that enables both technical and non-technical users to create, customize, and launch production-ready web applications, just as easily as making a TikTok. Unlike lightweight tools like Lovable or Base44 that generate superficial front-end facades, Solid delivers a complete, extendable codebase: a Node.js backend with Prisma ORM, a React + TypeScript frontend, and a seamlessly connected database, just like what professional developers use. You can import toy projects built with Lovable/Base44 and instantly transform them into robust, real apps that are scalable, transparent, and transferable. Solid supports deep customization; you own every layer (frontend, backend, data), allowing you to add complex business logic, REST or GraphQL APIs, and integrations effortlessly. It generates high-quality, inspectable code you can deploy anywhere, from Solid’s platform to your cloud, without vendor lock-in.

MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components. Build at an accelerated pace without sacrificing flexibility or control. Every component you need is ready for production. Build beautiful UIs with ease. Start with Google's Material Design, or create your own sophisticated theme. Our components are as flexible as they are powerful. You always have full control over how they look and behave. We believe in building for everyone. That's why accessibility is one of our highest priorities with every new feature we ship. Find out why MUI's tools are trusted by thousands of open source developers and teams around the world. Get a growing list of components, ready-to-use, free forever, and with accessibility always in mind. We've built the foundational UI blocks for your design system so you don't have to.