Component Library and Blocks

This feature is your reuse layer for product, admin, and marketing surfaces.

Feature Screenshot

What You Get

• Shared primitives in packages/ui/src/components
• Reusable marketing/product blocks in packages/ship-block/src
• Data table package for admin-heavy pages in packages/data-table
• Editor package for CMS and rich content flows in packages/editor

Why It Matters

1. Rebrand faster without rewriting each page.
2. Keep visual consistency between marketing and app routes.
3. Reduce duplicated UI logic in future feature work.
4. Keep EN/ZH UI behavior aligned from one component source.

Code Map

• UI primitives: packages/ui/src/components
• Marketing blocks: packages/ship-block/src
• App components: apps/ship/src/components
• Block showcase page: /blocks
• Admin/app pages: apps/ship/src/app/[locale]/(app), .../(admin)

Recommended Customization Order

1. Update design tokens first (color, radius, typography, spacing).
2. Then tune block variants used by home, pricing, docs.
3. After that, adjust app/admin table and form presentation.
4. Finish with EN/ZH visual regression checks.

Next Steps