21st.dev
21st.dev is an open source community registry of React UI components, enabling design engineers to ship polished user interfaces more efficiently. Inspired by shadcn/ui, it offers ready-to-use React Tailwind components that can be installed with a single command using npx shadcn. The platform provides a comprehensive collection of UI elements, including accordions, alerts, avatars, badges, buttons, calendars, cards, carousels, checkboxes, dialogs, dropdowns, forms, icons, inputs, menus, notifications, pagination, popovers, radio groups, selects, sidebars, sliders, tables, tabs, tags, text areas, toasts, toggles, and tooltips. Additionally, it features landing page components such as announcements, backgrounds, borders, call-to-actions, client sections, comparisons, docks, features, footers, hero sections, image galleries, maps, navigation menus, pricing tables, scroll areas, testimonials, text blocks, and video sections.
Learn more
Kombai
Kombai is a new ensemble model that can understand and code UI designs like humans. You can prompt it with design files in Figma to get high-quality React and HTML + CSS (vanilla/ tailwind) code in just a single click per component.
Kombai’s proprietary ensemble model is able to “look at” complex, real-world designs, derive these inferences as a developer would, and generate code using that “understanding.”
Learn more
Monday Hero
Create your custom component library straight from your designs, saving up to 60% of your development time. Forget about the hassle of manually coding design details and focus on the big picture. Transform your Figma, Adobe XD, and Sketch designs into reusable code efficiently. Build an amazing UI for your iOS native application. Use both xib and programming-style UI components. Convert design to Dart and use Google's UI toolkit for building natively compiled applications. Convert design to Javascript and use its libraries for building user interfaces. Hand off the design straight to the development team. Build quickly with reusable components instead of coding from UI from scratch. Get all the static components from Monday Hero and invest your time wisely. Whether working solo or in a team, Monday Hero's innovative features ensure you work efficiently, cohesively, and productively. Ensure your code is exactly what you want before moving it to your project.
Learn more
Locofy
Frontend development accelerated with AI. Turn designs into frontend code for web & mobile. Build full apps, screens, components & design systems. Ship products 10x faster with your existing design tools, libraries, tech stack & CI/CD workflows. Figma & Adobe XD to React, React Native, HTML/CSS, Gatsby, Next.js, Vue, and more coming soon. Keep using the tools you already use. We provide a Figma & Adobe XD plugin to tag your interactive elements and handle styling, layout, and responsiveness. As a bonus, we provide pre-built components from Material UI, Bootstrap, Ant Design, Chakra UI as well as your Storybook. Locofy converts your designs into production-ready code for React, React Native, HTML-CSS, Next.js, Gatsby, Vue, and more on the way in your preferred framework. Make reusable components and props with LocoAI. Export your code in your preferred settings (CSS Modules, Tailwind, CSS, Typescript, JavaScript, Expo).
Learn more