mirror of https://github.com/HoshinoSuzumi/rayine-ui.git synced 2025-04-07 11:38:50 +08:00

A multi-purpose customizable UI library

Go to file

HoshinoSuzumi e62f7590d0 🎨 fix(docs): interactive colors rendering and lint code		2024-11-22 01:35:58 +08:00
.github/workflows	Update ci.yml	2024-11-20 17:42:30 +08:00
.vscode	♻️ Create module project	2024-11-18 03:49:04 +08:00
docs	🎨 fix(docs): interactive colors rendering and lint code	2024-11-22 01:35:58 +08:00
playground	🎨 Eslint	2024-11-18 15:20:14 +08:00
src	✨ feat(button): add disabled and loading state	2024-11-21 18:42:05 +08:00
test	♻️ Create module project	2024-11-18 03:49:04 +08:00
.editorconfig	initial commit	2024-11-15 16:42:17 +08:00
.gitignore	♻️ Create module project	2024-11-18 03:49:04 +08:00
.npmrc	initial commit	2024-11-15 16:42:17 +08:00
CHANGELOG.md	chore(release): v1.1.0	2024-11-21 18:42:38 +08:00
eslint.config.mjs	🐛 tailwind template	2024-11-18 15:47:26 +08:00
package.json	chore(release): v1.1.0	2024-11-21 18:42:38 +08:00
pnpm-lock.yaml	📝 docs(interactive): add interactive props	2024-11-22 01:23:09 +08:00
pnpm-workspace.yaml	📝 Doc(frame): initial	2024-11-18 19:40:23 +08:00
README.md	🩹 fix(docs): some colors can not be rendered	2024-11-22 01:30:27 +08:00
tsconfig.json	🔧 chore: update tsconfig to exclude docs directory	2024-11-20 04:45:04 +08:00

README.md

Rayine UI

RayineUI is a multi-purpose customizable UI library.

Features

⚙️ Fully customizable components
🌪️ TailwindCSS inside
🔨 Full TypeScript support

Quick Setup

Install the module to your Nuxt application with one command:

npx nuxi module add rayine-ui

That's it! You can now use Rayine UI in your Nuxt app ✨

Contribution

Local development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release