valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: rename pastel app to color and update all references

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-26 12:19:22 +01:00
parent 061ea1d806
commit 484423f299
23 changed files with 55 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@@ -15,7 +15,7 @@ Built with **Next.js 16**, **React 19**, and **Tailwind CSS 4**, Kit UI delivers
Kit UI is divided into four core specialized applications:
### 🎨 [Pastel](./app/(app)/pastel) — Professional Color Toolkit
### 🎨 [Color](./app/(app)/color) — Professional Color Toolkit
A comprehensive suite for color theory, manipulation, and accessibility.
- **Color Playground**: Interactive HSL/RGB/HEX manipulation with real-time analysis.
- **Accessibility Suite**: WCAG 2.1 Contrast Checker and a real-time Colorblindness Simulator.
@@ -73,16 +73,16 @@ Privacy-first, local-only media conversion powered by WebAssembly.
```bash
.
├── app/ # Next.js App Router (Pages & Layouts)
│ ├── (app)/ # Core Tool Pages (Pastel, Units, Figlet, Media)
│ ├── (app)/ # Core Tool Pages (Color, Units, Figlet, Media)
│ └── api/ # Backend API routes
├── components/ # Reusable UI & Logic Components
│ ├── pastel/ # Color-specific components
│ ├── color/ # Color-specific components
│ ├── units/ # Converter-specific components
│ ├── figlet/ # ASCII-specific components
│ ├── media/ # Media conversion components
│ └── ui/ # Base Atomic Components (Buttons, Cards, etc.)
├── lib/ # Business Logic & Utilities
│ ├── pastel/ # WASM wrappers & Color logic
│ ├── color/ # WASM wrappers & Color logic
│ ├── units/ # Conversion algorithms
│ ├── figlet/ # Font loading & ASCII generation
│ └── media/ # FFmpeg & ImageMagick WASM orchestration
@@ -130,7 +130,7 @@ docker run -p 80:80 kit-ui
## 📈 Performance & Optimization
- **Static Site Generation (SSG)**: Entire toolkit is exported as static HTML/JS for sub-second load times.
- **Client-Side WASM**: Complex processing (FFmpeg, ImageMagick, Pastel) is offloaded to WebAssembly for native-level performance without server latency.
- **Client-Side WASM**: Complex processing (FFmpeg, ImageMagick, Color) is offloaded to WebAssembly for native-level performance without server latency.
- **CSS-First Configuration**: Leveraging Tailwind 4's native CSS variables for zero-runtime styling overhead.
- **Automatic CI/CD**: GitHub Actions pipeline for multi-architecture Docker builds.