Ran
Ran is a free, open-source UI component library. Ranui — a Web Components UI library — plus ranuts utilities. It has 269 GitHub stars and is released under the MIT license. A live demo is linked from this page. Start a project with npx degit chaxus/ran or clone the repository.
github.com/chaxus/ran (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit chaxus/ran my-ui
cd my-uigit clone --depth 1 https://github.com/chaxus/ran.git my-uiSources: GitHub docs on template repositories, degit.
About Ran
ran Design methods, components and tools for building web products, for developers and coding agents. Documentation · Components · Agents English · 中文 · 日本語 · Español · Português · 한국어 · Deutsch · فارسی
Built with
- TypeScript
Similar templates
More UI components & kits
Shadcn UI Big Calendar
list-jonas/shadcn-ui-big-calendar
Dynamic React Big Calendar styled with Shadcn’s CSS variables for seamless light/dark theme support.
Maintained · last commit Aug 21, 2026
UI components & kitsTypeScriptJolyui
Johuniq/jolyui
A custom registry of composable, accessible and extensible components designed for use with shadcn/ui.
Maintained · last commit Oct 7, 2026
UI components & kitsTypeScriptSvar Widgets Core
svar-widgets/core
SVAR Core library is a collection of essential UI components written with Svelte.
Maintained · last commit Sep 1, 2026
UI components & kitsSvelteGantt
svar-widgets/gantt
Svelte Gantt chart component – lightweight, customizable, interactive, and fast.
Maintained · last commit Oct 27, 2026
UI components & kitsTypeScriptPrimitives
radix-ng/primitives
Headless, signals-first UI primitives for Angular.
Active · last commit Sep 25, 2026
UI components & kitsTypeScriptEvil Buttons
radiumcoders/Evil-Buttons
shadcn/ui registry of playful, highly animated button components with evil aesthetics and killing interactions.
Maintained · last commit Oct 24, 2026
UI components & kitsTypeScript
How do I use Ran?
Copy the files into a new folder with npx degit chaxus/ran my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Ran for commercial projects?
Yes. Ran is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Ran maintained?
The repository's most recent commit was on Oct 28, 2026. Its latest release is v0.2.2. appsgit only lists templates from repositories with a commit in the last six months.