hub / github.com/CKGrafico/papanasi
github.com/CKGrafico/papanasi @v1.1.2
Chat with this repo
200 symbols
470 edges
98 files
0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
The Universal UI Library
🔍 Overview
🥯Papanasi (pronunced pɑpənæʃ or papanash) is a UI library to use cross Frameworks. A set of components to use in Angular, Preact, Qwik, React, Solid, Svelte, Vue and Web Components. Is based on the Mitosis library and documented using Storybook.
🚀 Platforms
Angular
|
Preact
|
Qwik
|
React
|
Solid
|
Svelte
|
Vue
|
Web Comps.
|
🔮 Demos
Nextjs
|
Nuxt 3
|
Svelte Kit
|
Solid Start
|
Qwik City
|
📣 Manifesto
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 on the next principles:
A Component...
- ...should be cross-libraries but the code should be written once.
- ...should have a minimum style but easy to extend it via CSS by any dev.
- ...should provide some optional themes to make it easy to use.
- ...should be accessible (FUTURE RELEASES).
- ...should be made for developers not for non-coders, they will decide how to style most of the things.
- ...should be tree-shakable.
- ...should be compatible with StoryBook.
- ...should be inspired by other UI Libraries and don't reinvent the wheel.
- ...should be easy to create new variants.
🧩 Elements Showcase
Layout |
||
Container
|
Row
|
Column
|
Extension points exported contracts — how you extend this code
ICodeService (Interface)
(no doc) [2 implementers]
src/elements/components/code/code.model.ts
BreakpointProps (Interface)
(no doc)
src/models/breakpoint.model.ts
ContainerProps (Interface)
(no doc)
src/elements/layout/container/container.model.ts
BaseProps (Interface)
(no doc)
src/models/component.model.ts
ContainerState (Interface)
(no doc)
src/elements/layout/container/container.model.ts
BaseState (Interface)
(no doc)
src/models/component.model.ts
ColumnProps (Interface)
(no doc)
src/elements/layout/column/column.model.ts
ColumnState (Interface)
(no doc)
src/elements/layout/column/column.model.ts
Core symbols most depended-on inside this repo
debug
called by 39
src/helpers/debug.helper.ts
classesToString
called by 12
src/helpers/classes.helper.ts
restore
called by 11
src/helpers/codejar.helper.ts
save
called by 9
src/helpers/codejar.helper.ts
getClasses
called by 9
src/elements/components/code/code.model.ts
preventDefault
called by 8
src/helpers/codejar.helper.ts
insert
called by 7
src/helpers/codejar.helper.ts
on
called by 5
src/helpers/codejar.helper.ts
Shape
Languages
TypeScript100%
Modules by API surface
src/helpers/codejar.helper.ts28 symbols
src/elements/components/code/code.service.ts14 symbols
src/elements/components/code/code.model.ts10 symbols
src/elements/components/avatar/avatar.service.ts7 symbols
src/elements/extensions/tooltip/tooltip.hook.ts6 symbols
src/elements/extensions/toast/toast.service.ts6 symbols
src/elements/enterprise/itchio/itchio.service.ts6 symbols
compiler/base.compiler.js6 symbols
src/helpers/color.helper.ts5 symbols
src/elements/components/avatar/avatar.lite.tsx5 symbols
compiler/platforms/vue.js5 symbols
src/helpers/breakpoint.helper.ts4 symbols
For agents
$ claude mcp add papanasi \
-- python -m otcore.mcp_server <graph>