🥯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 |
|
Button Preview |
Code Preview |
Pill Preview |
Tabs Preview |
|
Select Preview |
|||
|
Itchio Preview |
|||
To learn more about Papanasi, check the documentation.