🥯Papanasi is a UI library to use cross Frameworks. A set of components to use in React, Vue, Angular, Web Components and more. 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 | CodeSandbox |
React  Readme | CodeSandbox |
Solid  Readme |
Svelte  Readme |
Vue  Readme | CodeSandbox |
Web Components  Readme | CodeSandbox |
|
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.