PatrickJS / papanasi

🥯Papanasi is the Frontend UI library to use cross Frameworks. A set of components to use in React, Vue, Angular, and more.

Home Page:http://papanasi.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Papanasi

The Universal UI Library

🔍 Overview

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

GitHub license GitHub stars GitHub forks Tweet Sponsor Build Status GitHub issues Update Status

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 | CodeSandbox
React

Readme | CodeSandbox
Solid

Readme
Svelte

Readme
Vue

Readme | CodeSandbox
Web Components

Readme | CodeSandbox

🔨 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

📃 License

MIT

🚀 Contributing

Contributing Guidelines

About

🥯Papanasi is the Frontend UI library to use cross Frameworks. A set of components to use in React, Vue, Angular, and more.

http://papanasi.js.org

License:MIT License


Languages

Language:JavaScript 39.3%Language:TypeScript 34.1%Language:CSS 26.6%