Free UI libraries and building blocks for agent interfaces. Copy the install command, paste it in, and build.
Showing 32 of 32 libraries
A set of ready-made interface pieces, like buttons and popups, that get copied straight into your project so you own the code. Instead of fighting a package's styles, you edit the components directly to match your app.
plugmyagent
npx shadcn@latest initA toolkit of ready-to-use building blocks for React apps, with sensible styling out of the box and built-in dark mode. Colors, spacing, and variants are tweaked through one central theme system.
npm i @chakra-ui/react @emotion/reactA big collection of React building blocks plus handy hooks for things like forms and notifications, with light and dark themes built in. Everything is customizable and free to use in any project, even commercial ones.
npm install @mantine/core @mantine/hooksA large, battle-tested set of ready-styled React components based on Google's Material Design look. A great fit if you want a complete, polished design out of the box with plenty of examples to copy from.
npm install @mui/material @emotion/react @emotion/styledPlain, unstyled building blocks like dialogs and menus that handle all the tricky interaction and accessibility work for you. You add your own styling, so they can look like anything you want.
npm install @radix-ui/react-dialogUnstyled interactive pieces from the Tailwind CSS team, made to pair perfectly with Tailwind classes. All the keyboard and screen reader behavior is handled, while you control every pixel of the look.
npm install @headlessui/reactUnstyled, accessibility-first building blocks from the Chakra UI team that work the same way across React, Vue, Solid, and Svelte. You bring the styles; Ark handles the complex interaction logic underneath.
npm install @ark-ui/reactA polished, ready-to-use set of React components (formerly called NextUI) that look good with zero styling effort and are accessible by default. Built on Tailwind CSS and Adobe's React Aria, so it is fast and works with modern React.
npm install @heroui/reactA huge set of ready-made building blocks like buttons, forms, and tables for React apps, made by Alibaba's design team. A great pick when you want a polished, professional look without designing every piece yourself.
npm install antdOver 90 React components, from basic inputs to full data tables and dialogs, with themes you can restyle to match your brand. It is built by PrimeTek, the team behind several well-known UI kits.
npm install primereactBootstrap's familiar components rebuilt as proper React components, so you get the classic Bootstrap look without fiddling with jQuery. A safe, well-documented choice if you already know Bootstrap.
npm install react-bootstrap bootstrapA clean React toolkit from HPE that keeps things simple and works well for everyone, including people using screen readers. It has strong theming tools so you can reshape the look easily.
npm install grommet styled-componentsA full collection of Vue components in the Material Design style, so your app looks like a polished Google-style product. It needs no design skills and handles layout, themes, and responsive design for you.
npm install vuetifyA Vue framework that goes beyond components: write one codebase and ship it as a website, a mobile app, or a desktop app. Great if you want your project on many platforms without starting over.
npm init quasarA complete Vue 3 component library with a friendly, rounded look and full TypeScript support. Popular for admin dashboards and business apps where you need a lot of form and table components.
npm install element-plus --saveOver 90 ready-made pieces like buttons, menus, and data tables for Vue 3 apps. You restyle everything with one theme file instead of touching CSS, and it stays quick even with long lists.
npm i naive-uiA plugin for Tailwind CSS that adds ready-made components like buttons, cards, and menus. You use short, readable class names instead of writing every style by hand.
npm i -D daisyui@latestOver 56 ready-made components like buttons, navbars, and modals built on Tailwind CSS. Interactive pieces like dropdowns run on small JavaScript snippets, so it works with almost any setup.
npm install flowbitePrebuilt buttons, forms, navbars, modals, and more that layer on top of Tailwind CSS. Everything is styled with Tailwind classes, so you can restyle pieces to match your own brand fast.
npm i prelineA CSS-only styling framework, so there is no JavaScript to learn. Simple class names style buttons, forms, and page columns, and it drops into any JavaScript setup.
npm install bulmaA small, complete front-end kit with more than 70 styled components plus a grid system and animations. It works with plain HTML and any JavaScript framework.
npm install uikitReady-made web components like buttons, dialogs, inputs, and tooltips from the makers of Font Awesome. Since they are web components, they drop into any project or framework.
npm install @awesome.me/webawesomeA copy-paste component library for React and React Native apps, styled with Tailwind CSS. Grab ready-made buttons, forms, and screens, then restyle everything to match your brand.
npx gluestack-ui@latest initA styling library and UI kit that lets you share one codebase between web and mobile apps. It compiles your styles into fast, platform-perfect output automatically.
npm install tamaguiGoogle's Material Design packaged for React Native, from the team at Callstack. Ready-made buttons, cards, dialogs, and more that feel at home on iOS and Android, with theming and accessibility built in.
npm install react-native-paperIBM's free design system: a full kit of building blocks from colors and type to buttons and data tables. It powers IBM's own products and is open for anyone to use.
npm install @carbon/reactMicrosoft's free UI toolkit: ready-made React components, design tokens, and icons that fit right in with Teams and Office. Accessibility and theming come built in.
npm install @fluentui/react-componentsAdobe's collection of ready-made interface pieces with accessibility baked in. Dark mode, touch support, and right-to-left languages are all handled for you.
npm install @adobe/react-spectrumSalesforce's free design system: ready-to-use markup, CSS, and design patterns for apps that should look and feel like Salesforce. Official React components are available too.
npm install @salesforce-ux/design-system @salesforce/design-system-reactBy Oeste. A 29-component library with warm paper tones, Manrope type, and a single token source of truth. Version 0.4.8. Install any component with the shadcn CLI.
npx shadcn@latest add https://oeste.hiddeninwest.com/topanga/r/By Oeste. A 40-component library with five moods (Paper, Ink, Rose, Sage, Dune) and a Menu Pill plus Bottom Sheet navigation pattern. Version 0.2.0. Install any component with the shadcn CLI.
npx shadcn@latest add https://oeste.hiddeninwest.com/huntington/r/By Oeste. A 67-component library for data-dense app interfaces: tables, kanban, scheduler, maps, and editors. Version 0.2.0. Install any component with the shadcn CLI.
npx shadcn@latest add https://oeste.hiddeninwest.com/mesa/r/Try a different search or framework.