papanasi

🔍 Overview

Papanasi (pronounced pɑpənæʃ or papanash) is a universal UI library designed to work across multiple frameworks. It provides a set of components compatible with Angular, Preact, Qwik, React, Solid, Svelte, Vue, and Web Components. The library is built using Mitosis and documented with Storybook.

🚀 Platforms

Papanasi supports the following frameworks:

• Angular
• Preact
• Qwik
• React
• Solid
• Svelte
• Vue
• Web Components

📣 Manifesto

Papanasi follows these core principles:

• Cross-framework compatibility: Write once, use anywhere.
• Minimal styling: Easy to extend via CSS.
• Optional themes: Pre-built themes for quick integration.
• Accessibility: Future releases will focus on accessibility.
• Developer-first: Designed for coders, with flexibility in styling.
• Tree-shakable: Optimized for performance.
• Storybook compatibility: Seamless integration with StoryBook.
• Inspired by existing libraries: Avoids reinventing the wheel.
• Easy variants: Simple to create new component variations.

🧩 Elements Showcase

Papanasi includes a variety of components, categorized as:

Layout

• Container
• Row
• Column
• Grid

Components

• Avatar
• Button
• Code
• Pill
• Spinner

Enterprise

• Itchio (specialized component)

Extensions

• Tooltip

Each component is available for all supported frameworks, with some exceptions noted in the status badges.

📗 Documentation

For detailed usage and examples, visit the official documentation.

📃 License

Papanasi is licensed under MIT.