Astahmer

Astahmer

A collection of 9 templates, themes and UI Kits by the author Astahmer.

screenshot of Atomic Css Devtools

A devtool panel for debugging Atomic CSS rules as if they were not atomic. Available on chrome & firefox. Works with TailwindCSS, Panda CSS, and any atomic CSS library

react
vite
panda-css
tailwind
ark-ui
screenshot of Box Extractor

Static code extraction. Zero-runtime CSS-in-TS `<Box />` -> became a part of Panda CSS

vite
screenshot of Crepe UI

a Chakra UI port using Panda + Ark-UI

ark-ui
chakra-ui
screenshot of Pandabox

a toolbox for Panda CSS

vite
panda-css
screenshot of Tw2panda

Easily migrate code from tailwind to Panda CSS

tailwind
screenshot of Typed Openapi

Generate a headless Typescript API client from an OpenAPI spec - optionally with a @tanstack/react-query client using queryOptions

react
tanstack
screenshot of Unplugin Jsx Source

Automatically annotate your JSX components with a `data-at` attribute indicating the file name and line number for easier debugging and development.

vite
screenshot of Vite R3f

same as vite-react-chakra-ts but with react-three-fiber deps & AppCanvas/CameraControls

screenshot of Vite React Chakra Ts

Front SPA with: React 18+ / Typescript 4.7+ / Vite / Chakra-UI / React-Router / Jotai / XState / axios + react-query

react
tanstack
vite
chakra-ui