# Dev Libraries

> Dev Libraries (https://devlibraries.com) is a free, searchable catalog of UI components collected from open-source component libraries. It indexes 13,524 components from 110 libraries (React and other frameworks), with source code, live previews where available, the library's license and install commands. It also curates design and development sites: tools (2,920), references (6,199) and resources (1,101), plus 60 agent skills for AI coding assistants.

The site is a single-page app in English. Components keep the license of the library they come from; check the library's license before reuse.

## Main pages

- [Home](https://devlibraries.com/): top libraries, components, tools, references and resources
- [UI Libraries](https://devlibraries.com/libraries): browse and search every library and component
- [UI Components](https://devlibraries.com/components): UI components grouped by category
- [Explore](https://devlibraries.com/explore): component packs published by the community
- [Tools](https://devlibraries.com/tools): design and development tools
- [References](https://devlibraries.com/references): websites curated as design references
- [Resources](https://devlibraries.com/resources): resources for designers and developers
- [Skills](https://devlibraries.com/skills): agent skills for AI coding assistants

## URL patterns

- Library page: `https://devlibraries.com/libraries/<library-id>` (for example https://devlibraries.com/libraries/cult-ui)
- Component page: `https://devlibraries.com/libraries/<library-id>/<component-name>` (for example https://devlibraries.com/libraries/cult-ui/agent-suggest-card-stack)
- Tools, references, resources and skills open as cards and dialogs inside their section pages; they do not have pages of their own.
- Contact, privacy and the MCP install guide are dialogs inside the app, not separate pages.

## Structured data

The catalog the site runs on is public JSON:

- [libraries.json](https://devlibraries.com/data/catalog/libraries.json): every library with id, name, repository, website, license, framework and component count
- [components.json](https://devlibraries.com/data/catalog/components.json): every component with id (`<library-id>/<component-name>`), library, title, type, files, description and dependencies (about 10 MB)
- [descriptions.json](https://devlibraries.com/data/catalog/descriptions.json): written descriptions keyed by component id
- [sites.json](https://devlibraries.com/data/catalog/sites.json): tools, references and resources as rows of `[url, name, description, image, categories, section, extra tags]`
- [install.json](https://devlibraries.com/data/install.json): install command per library (`{name}` is the component name)

## MCP server

Coding assistants can search the catalog, read a component's code and add it to a project through the Dev Libraries MCP server (`devlibs`) at `https://mcp.devlibraries.com/mcp` (HTTP transport). It asks the user to sign in with a Dev Libraries account on first connect.

## Optional

- [Full library list](https://devlibraries.com/llms-full.txt): all libraries with links, component counts, frameworks and licenses
- [Sitemap](https://devlibraries.com/sitemap.xml)