🗺️ Alpha Release Roadmap
Our path to a stable alpha release of Pindoba UI. This roadmap outlines the key milestones and improvements needed to deliver a robust, cross-framework component library.
Establish a modern ESM-only module system foundation for the library.
Key Tasks:
- All packages are ESM-only with proper module exports
- Optimize tree-shaking capabilities for better bundle sizes
- Leverage modern JavaScript standards across the build tooling
Decouple styles from components to improve maintainability and reduce cascading updates.
Key Tasks:
- Separate each component's styles into its own sva() recipe package
- Enable independent versioning and tree-shaking per component
Ensure feature consistency across all supported frameworks.
Key Tasks:
- Audit existing components across Astro, React, and Svelte
- Identify and implement missing components in each framework
- Establish automated testing for cross-framework compatibility
- Create component feature matrix documentation
Framework-agnostic headless logic via connect functions that produce prop objects for any framework.
Key Tasks:
- Core packages export connect*() functions with zero framework dependencies
- Style recipes (sva()) live in dedicated packages, consumed by core
- PassThrough pattern for deep slot customization without modifying internals
- Components: Basic UI elements — Blocks: Complex compositions
Ensure seamless integration across modern development environments and tools.
Key Tasks:
- Test integration with popular build tools (Vite, Rollup)
- Verify compatibility with SSR frameworks (Astro, SvelteKit, Next.js)
- Create setup guides for various project configurations
- Implement automated compatibility testing in CI/CD
Comprehensive documentation covering all aspects of the design system.
Key Tasks:
- Getting started guides for Astro, React, and Svelte
- Component API documentation with interactive examples
- Theming, tokens, and customization guides
- Connect pattern and PassThrough usage guides
Document the principles and guidelines that drive design decisions.
Key Tasks:
- Accessibility standards and implementation guidelines
- Component composition patterns and naming conventions
- Color system and typography scale rationale
- Responsive design principles and breakpoint strategy
Final preparations and quality assurance before alpha release.
Key Tasks:
- Comprehensive testing across all supported environments
- Performance benchmarking and optimization