rippu

rippu.js

Library for building TUI in JSX 💄

Rippu - [リップ] means lip-gloss💄 in Japanese.

Fast, feature-rich, user-friendly, and upscale UI ✨

Supports: Node.js, Deno, Bun and more ❤️

Accessible and customizable components that you can copy and paste into your apps. Free. Open Source.
Use this to build your own component library.

Docs 📖

What is this

This is a set of components available in ink.js, including rich selection screens, progress bars, loading indicators, and more. You are free to customize your design! like a shadcn-ui

How to use

See Docs 📖

Image

If you already use ink

npx rippu add loading
pnpx rippu add loading
bunx rippu add loading
deno run -Ar npm:rippu add loading

OR

rippu add loading ./loading.tsx
rippu add loading ./loading.jsx

For Contributors

Please run the following commands before pushing your changes, and add jsdoc comments (optional).

The code is currently messy as it was created in a hurry. We welcome PRs to organize types, create common utilities, and more!

See loading.tsx

bun run format:fix
bun run lint:fix

Authors

• Ame_x @amex2189

Thanks to lipgloss-go, ink.js and enogu