Shadcn UI Kit
Shadcn UI Kit is a production-ready UI toolkit built to help developers and teams design, build, and ship modern web applications faster. It offers a curated collection of high-quality, fully customizable components and full-page templates built with Next.js, Tailwind CSS, and shadcn/ui, following best practices for accessibility, performance, and scalability.
What’s inside the Shadcn UI Kit?
Production-ready Admin Dashboard templates, a flexible library of UI blocks and components, premium website templates, a synchronized Figma UI Kit for rapid design workflows, and an optional Boilerplate starter (coming soon) with planned integrations for authentication, email workflows, advanced theming, and multilingual support
Why Shadcn UI Kit?
Instead of spending weeks rebuilding common UI patterns, Shadcn UI Kit gives you a polished, production-ready foundation to accelerate development without sacrificing flexibility
Learn more
Magic UI
Magic UI is a free and open source UI library crafted for design engineers, offering over 150 animated components and effects built with React, TypeScript, Tailwind CSS, and Framer Motion. It serves as a perfect companion to shadcn/ui, enabling developers to create visually engaging landing pages and user interfaces with minimal effort. It includes a diverse range of components such as animated text, buttons, backgrounds, device mockups, and special effects like confetti and neon gradients. Magic UI Pro extends this offering with 50+ professionally designed blocks and templates tailored for various applications, including AI agents, developer tools, mobile apps, SaaS products, startups, and portfolios. These templates are built with React, Next.js, Tailwind CSS, and Framer Motion, ensuring responsive design and smooth animations.
Learn more
BLACKBOX AI
BLACKBOX AI is an advanced AI-powered platform designed to accelerate coding, app development, and deep research tasks. It features an AI Coding Agent that supports real-time voice interaction, GPU acceleration, and remote parallel task execution. Users can convert Figma designs into functional code and transform images into web applications with minimal coding effort. The platform enables screen sharing within IDEs like VSCode and offers mobile access to coding agents. BLACKBOX AI also supports integration with GitHub repositories for streamlined remote workflows. Its capabilities extend to website design, app building with PDF context, and image generation and editing.
Learn more
Onlook
Onlook is a next-generation, open source, visual-first editor that empowers designers and product managers to craft and edit React and Next.js web experiences in real time, without leaving a browser-like interface. With seamless integration into existing codebases, Onlook enables live DOM editing alongside immediate code synchronization and deployable output. Its visual editor supports drag-and-drop layout changes, Tailwind CSS styling, layer navigation, and responsive breakpoint handling. AI-powered assistance helps generate components from descriptions, maintain design system consistency (with global styles, typography, and color tokens), convert Figma designs into interactive code, and offer smart design suggestions. Designers can import projects from GitHub or Figma, iterate with instant visual feedback via live previews, manage version control with checkpoints and real-time updates, and deploy directly from the platform.
Learn more
