🥯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 an optional style library.ç
• ...should be accesible.
• ...should be easy to wrap to set basic properties for the project where is used.
• ...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/{library}

$ yarn add @papanasi/{library}

If you need to more information, there are readmes specialized for each library.

• Angular: Readme file

• React: Readme file

• Vue: Readme file

• Web components: Readme file

• - Button
• - Grid
• - Pill
• - Tabs
• - Code
• - Select

• To learn more about Papanasi, check the documentation.
• You can also try the Angular CodeSandbox demo.
• Or the React CodeSandbox demo.
• We have also a Vue CodeSandbox demo.
• And finally the Web Components CodeSandbox demo.

MIT