Papanasi

Overview

Papanasi is a UI library designed to be used across multiple frameworks. It provides a set of components that can be used in Angular, Preact, Qwik, React, Solid, Svelte, Vue, and Web Components. The library is based on the Mitosis library and is documented using Storybook.

Features

• Cross-framework compatibility
• Minimalistic style with the option to extend via CSS
• Optional themes for easy usage
• Accessibility support (future releases)
• Developer-oriented design
• Tree-shakable components
• Compatibility with Storybook
• Inspired by other UI Libraries while avoiding reinventing the wheel
• Easy creation of new variants

Installation

To install Papanasi, you can use either npm or yarn:

# With npm
npm install @papanasi/[target]

# With yarn
yarn add @papanasi/[target]

To debug elements, you can use the setDebugLevel function from the @papanasi/[target] package. By default, the debug level is set to DebugLevel.None, but it is recommended to use DebugLevel.Log to have a log of the different events happening.

Summary

Papanasi is a versatile UI library that allows developers to use its components across various frameworks. Its key features include cross-framework compatibility, minimalistic style with extendability, optional themes, and developer-oriented design. The library is actively maintained and documented using Storybook. It also offers debugging support and has plans for accessibility improvements in future releases. Overall, Papanasi aims to make it easy for developers to create universal components for their projects.