Rewrite Docs

[owjs3901]

Devup UI Documentation Index (Draft)

(If you have any objections or suggestions, please leave a comment!)

1. Overview

• What is Devup UI?
• Get Started

2. Installation

• Next.js
• Vite
• RsBuild
• Webpack

3. Core Concepts

• Zero Runtime
• No Dependencies → Devup UI converts pure React source code without additional UI runtime code
• Style Storage (prevents duplicate class names)
• Type Inference System
• Optimize css
• N/M Base

4. Features

• Responsive Design
• Template Literals
• as Props (custom components and props)
• Custom Selectors
• Style Vars
• Style Order

5. Basic Components

• Box
• Button
• Input
• Text
• Image
• Flex
• VStack
• Center
• Grid
• ThemeScript

6. Utility Functions

• useTheme
• css
• globalCss
• keyframes
• setTheme

7. Figma and Theme Integration

• Devup Figma Plugin
• devup.json

8. Migration Guide

• kuma-ui
• chakra-ui
• mui
• vanilla-extract

9. Contributing

• Setting up the workspace
• Building Devup UI
• Testing Devup UI

[thelightway24]

This draft looks really nice 👍
As a first-time user, I feel that having a "Get Started" section would be more approachable than just an "Install" guide.

When starting a new project, it’s usually easier to follow a Get Started page to kick things off.

[thelightway24]

@owjs3901
Do you happen to have any experience migrating from projects that don’t use devup-ui?
I think the most wanted document is a migration guide.
Especially for users trying to switch to devup-ui in an existing project.

[owjs3901]

@thelightway24 I agree.
We have to write a migration guide from other css in js libraries.
I have experience migrating from chakra-ui, mui, vanilla extract to devup ui!

I'll add Migration section to my issue.