@papanasi/solid

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/solid

$ yarn add @papanasi/solid

🧩 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
Button Preview	Code Preview	Pill Preview	Tabs Preview
Select Preview
Enterprise Components
Itchio Preview

📗 Documentation

To learn more about Papanasi, check the documentation.

📃 License

MIT

🚀 Contributing

Contributing Guidelines