pindoba
A multi-framework component system for Astro, React, and Svelte.
01 · milestone
Develop all components and test them
The first and most important focus: build the full component set across every framework, with parity and tests, so we can prove the ideas actually work before we refine them.
02 · milestone
Design pass
With the components working, raise the bar on how they look and feel — a deliberate visual and interaction polish across the system.
03 · milestone
Prove it in real-world cases
Make sure everything holds up in real applications — not just in isolation — so the ideas are validated against actual usage.
+6 more milestones
see the full roadmap
- Independent style modules
- Headless core and the connect pattern
- Universal setup and compatibility
- Essential documentation
- Design system philosophy
- Alpha release preparation
Tab group · board, list, timeline
To do
#31
Add dark mode toggle
#28
Update onboarding flow
In progress
#42
Fix sidebar collapse on mobile
#39
Migrate to new API endpoints
Done
#36
Implement SSO login
#33
Resolve memory leak in worker
Banner-driven headers, panel-backed footers
Changelog · v0.2
Design tokens, refreshed
Jun 3 · 4 min read
Every color, space, and type value now flows from one source of truth — tweak a token and it ripples through every framework.
Workspace
Pro is live
Unlimited projects & priority builds
A filled header works as a hero strip — it carries its own palette while the body stays in the card's neutral surface.
Order #4,128
Payment received
Visa ·· 4242
A feedback-tinted footer doubles as a confirmation strip — success here, but warning and danger read the same way.
Inputs, select, radio, checkbox, button
-
Alice Chen
-
Bob Martin
-
Carol White
-
Low
-
Medium
-
High
-
Critical
Environment
Button, everywhere
import Button from "@pindoba/astro-button";
<Button emphasis="primary">
Create
</Button> Recent events
hana opened #47 — reduce input layout shift
ci build failed on main — lint step
ci deploy to staging succeeded
alex commented on #42
mel merged #44 — tab group focus order
Sidebar, scope, active state
Banner, alerts, accordion, popover, loading
v0.1 · alpha
Feedback welcome — open an issue or ping us on GitHub.