The Universal UI Library

🔍 Overview

🥯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.

📚 Setup and scripts

$ npm install @papanasi/{platform} # ex: @papanasi/react

$ yarn add @papanasi/{platform} # ex: @papanasi/vue

🧩 Platforms

Angular
_{📗Readme
📦Sandbox}

React
_{📗Readme
📦Sandbox}

Solid
_{📗Readme
📦Sandbox}

Svelte
_{📗Readme
📦Sandbox}

Vue
_{📗Readme
📦Sandbox}

Standard
_{📗Readme
📦Sandbox}

🔨 Components status

Layout Components
Container Preview	Row Preview	Column Preview	Grid Preview
Regular Components
Avatar Preview	Button Preview	Code Preview	Pill Preview
Select Preview	Spinner Preview
Enterprise Components
Itchio Preview
Extensions
Tooltip Preview