Vue 3 · PicoCSS · TypeScript
Pear
Tiny Vue components for folks who already like PicoCSS.
Keep Pico's markup. Add props, slots, v-model, and a little polish.
Pico, but Vue too.
Small wrappers for the patterns you keep rebuilding.
Regular HTML at the core
Components render native elements like <input>, <button>, and <dialog>. Pico styles them. Pear gives them Vue APIs.
Less glue code
Labels, field state, modal focus, dropdowns, tooltips. The fussy stuff lives with the component.
Theme-friendly
Pear follows Pico's CSS variables. Use your own colors, then let PThemeSwitcher handle the light/dark toggle.
Layout primitives
PStack, PGrid, PCluster, PSidebar, and PSwitcher cover the layout jobs that come up again and again.
Typed for Vue projects
Props, emits, and composables come typed. Nice when your Vue app does too.
Feels like Vue
Use v-model, slots, providers, and composables with the Pico patterns you already know.