@siteed/design-system
A comprehensive cross-platform (web/ios/android) design system built for Expo, extending react-native-paper with additional components and libraries.
Project Status: In Development
The project is functional but still evolving. I"m currently working on optimizing the bundle and improving the documentation. Despite being in development, the source code and storybook are available for review and testing.
Preview
Storybook showcase of @siteed/design-system components
Why ?
I realized I needed a way to quickly prototype new applications while having a customizable system for my future projects. This design system package is built on top of react-native-paper and incorporates other libraries (like @gorhom/bottom-sheet) and custom UI components (e.g., toasts, empty screens). It"s designed to streamline the development process and maintain consistency across my projects.
Key Features
- Opinionated Library Choices: Includes essential libraries such as react-native-paper and react-native-reanimated
- Extended Component Set: Adds custom components like toasts and empty screens
- Customizable: Easily adaptable to fit specific project needs
- Time-Saving: Reduces setup time, allowing focus on core app development
Future Plans
- Optimize bundle size and loading performance
- Enhance documentation with more examples and use cases
- Expand the component library with additional custom elements