🥯Papanasi is a UI library to use cross Frameworks. A set of components to use in Angular, React, Solid, Svelte, Vue and Web Components. Is based on the Mitosis library and documented using Storybook.
WARNING: THIS IS AN ALPHA DONT USE IT YET, IS UNDER DEVELOPMENT.
This library born as a pet project to create universal components, easy to extend in any project and easy to use with any framework, is based in the next manifesto:
A Component...
- ...should be cross-libraries but the code should be written once.
- ...should have a minimun style and should be easy to extend it via CSS by the user.
- ...should provide some optional themes to make it easy to use.
- ...should be accesible.
- ...should be made for developers not for non-coders, they will decide how to style most of the things.
- ...should be three-shakable.
- ...should be compatible with StoryBook.
- ...should be inspired in other UI Libraries to don't reinvent the wheel.
- ...should be easy to create new variants.
$ npm install @papanasi/{platform} # ex: @papanasi/react
$ yarn add @papanasi/{platform} # ex: @papanasi/vue
Angular 📗Readme 📦Sandbox |
React 📗Readme 📦Sandbox |
Solid 📗Readme 📦Sandbox |
Svelte 📗Readme 📦Sandbox |
Vue 📗Readme 📦Sandbox |
Standard 📗Readme 📦Sandbox |
Container Preview |
Row Preview |
Column Preview |
Grid Preview |
Avatar Preview |
Button Preview |
Code Preview |
Pill Preview |
Select Preview |
Spinner Preview |
||
Itchio Preview |
|||
Tooltip Preview |
To learn more about Papanasi, check the documentation.