If you're building a React or Next.js app and want it to feel alive — buttons that spring, modals that glide in, search bars that morph — without hand-rolling animation code for every component, beUI gives you a library of pre-built animated pieces you can drop straight into your project. beUI is a free, open-source collection of 109 animated UI components and blocks for React and Next.js, built on Motion (the library formerly known as Framer Motion) and Tailwind CSS, and compatible with Tailwind 4 and React 19. It covers common product surfaces — buttons, modals, toasts, tabs, carousels, command palettes — as well as more elaborate patterns like dynamic-island-style notifications, swap widgets, 3D perspective effects, blur transitions, and View Transition API integration for page-level animation. Distribution follows the shadcn CLI model: components install through the shadcn registry (npm/pnpm/yarn/bun) or can be copied directly as source, so the code lives editable inside your project rather than as an opaque dependency. The core library is MIT-licensed and free; a paid Pro tier (pro.beui.dev) offers additional components and, per the creator, custom component development services.
| # | Tool | Best for | Price |
|---|---|---|---|
| 1 | Design engineers et développeurs front-end qui construisent des sites web/apps avec React, TypeScript et Tailwind CSS | — | |
| 2 | Développeurs | — | |
| 3 | Développeurs | — | |
| 4 | Solo builders, designers, ingénieurs, product managers et équipes marketing qui utilisent déjà un agent de code IA et veulent l'étendre au design | — | |
| 5 | Designers, développeurs et équipes voulant générer des interfaces par IA puis exporter en code réel | — | |
| 6 | Développeurs et designers web voulant une interface tactile et distinctive, sans sacrifier l'accessibilité | — | |
| 7 | Freelances, créateurs de portfolio, petites entreprises et marketeurs cherchant une présence web visuellement distinctive | — | |
| 8 | Designers et professionnels créatifs cherchant des outils de typographie et palettes de couleurs hors ligne | — | |
| 9 | Équipes produit, design et développement avec un design system établi | — | |
| 10 | Designers, chercheurs et créateurs de contenu gérant beaucoup de références visuelles | — | |
| 11 | Designers, marketeurs et développeurs cherchant une direction couleur rapide | — | |
| 12 | Équipes design system et développeurs frontend utilisant GitHub | — |
A free library of pre-built, animated building blocks for websites — instead of a developer hand-coding a fade-in effect or a particle background from scratch, they copy a ready-made component into their project and adjust it, the same way people already
A free, open-source design app that lets your existing AI coding agent — Claude Code, Cursor, Codex and 20+ others — generate prototypes, websites, slides and dashboards directly on your own machine, using your own API keys instead of a locked-in design S
A free, open-source design tool where you describe what you want in plain English and a team of AI agents draws it for you on a Figma-like canvas — and exports the result as real code.
A free, open-source Web Components library that gives ordinary HTML form controls a soft, squishy physics-based feel, with zero dependencies and real accessibility support.
No-code website builder for low-poly 3D websites, with drag-and-drop editing and a free tier to start.
An offline desktop app for Mac and Windows combining font management, color palettes, and WCAG contrast checks in one workspace.
Design QA tool that flags visual and accessibility bugs by capturing UI elements with full CSS and technical context before they reach production.
AI-powered visual workspace that auto-organizes inspiration, research, and media into an infinite canvas for mood boards and creative research.
AI-powered color palette generator that uses machine learning to create coordinated color schemes for brands, websites, and graphics.
Free Figma plugin that syncs design tokens two-way between Figma and GitHub, with branches, pull requests, and rollback.
