ring-ui

Ring UI is a collection of ready-made interface components built and maintained by JetBrains, the company behind tools like IntelliJ IDEA and PyCharm. The library is intended to provide all the basic building blocks that web-based JetBrains products need, such as buttons, alerts, loaders, and other common interface elements. Third-party developers building plugins for JetBrains products can also use it to keep their interfaces visually consistent with the rest of the JetBrains ecosystem.

The components are built with React and published as npm packages. There are two flavors available. The pre-built version is the simpler option: install it with npm, import the components you need, and they work without any extra build configuration. The source version gives you more control by compiling Ring UI code alongside your own code in a shared Webpack build, which can matter in complex projects where you want fine-grained optimization over the final bundle.

A hosted Storybook site shows live examples of every component, so you can browse what is available before deciding to use the library. There is also a CodeSandbox demo if you want to try components interactively without setting anything up locally.

Design guidelines for the component library are published on the JetBrains website, and a Figma library is available for designers who want to work with the visual system before writing any code.

The project is an official JetBrains open source project. Issues are tracked in JetBrains' own YouTrack issue tracker, and builds run through their TeamCity continuous integration setup. A contributing guide is included in the repository for anyone who wants to submit changes.