• This repository has been archived on 04/Sep/2023
  • Stars
    star
    128
  • Rank 281,044 (Top 6 %)
  • Language
    TypeScript
  • Created about 2 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

this repo was inlined in Panda CSS (here in this PR) and will therefore no longer be maintained, code now living in the current @pandacss/extractor package


πŸ“¦ box-extractor

Static code extraction. Zero-runtime CSS-in-TS <Box />

Optimize your code and elevate your developer experience with compile-time optimizations from static analysis.

πŸ’Ž Β  Enhanced DX close to Chakra-UI's <Box /> without the runtime cost

βœ‚οΈ Β  Smaller CSS/JS output (up to 99%) with compile-time purge just like Tailwind CSS

🎯   Over 180k props/values/conditions combinations, only 1 used in your app, only 1 will remain

πŸ” Β  Smart analyzer built-in for near instant drop-in benefits

πŸ’Ύ Β  Low-level AST output with access to ts-morph Node objects for fine-grained control

Installation

core (static AST extraction)

if you need the static analysis (using ts-morph on components props/functions args:

pnpm add @box-extractor/core

or you could try it like this:

pnpx @box-extractor/cli -i path/to/input.ts -o path/to/report.json --functions="css,styled" --components="div,factory.*,SomeComponent"

More Repositories

1

openapi-zod-client

Generate a zodios (typescript http client with zod validation) from an OpenAPI spec (json/yaml)
TypeScript
753
star
2

typed-openapi

Generate a headless Typescript API client from an OpenAPI spec
TypeScript
183
star
3

tw2panda

Easily migrate code from tailwind to Panda CSS
TypeScript
115
star
4

pandabox

a toolbox for Panda CSS
TypeScript
47
star
5

panda-monorepo

example of a panda monorepo usage with a consuming app and multiple ui-lib providers
TypeScript
40
star
6

jotai-yjs

jotai-yjs makes yjs state even easier
TypeScript
36
star
7

panda-monorepo-setup

Panda monorepo setup examples
31
star
8

partyrpc

Partykit + RPC. Move Fast (and Break Everything). Everything is better with typesafety.
TypeScript
30
star
9

crepe-ui

πŸ₯ž a Chakra UI port using Panda + Ark-UI
TypeScript
17
star
10

transformer

Takes an input (ex: TS) and ouputs to destination format (ex: Zod/JSON/Open API Schemas)
TypeScript
13
star
11

pastable

πŸ“¦ A collection of pastable code gathered from past projects
TypeScript
12
star
12

vite-react-chakra-ts

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

typemorph

what if zod had a child with ts-morph
TypeScript
8
star
14

astahmer.dev

TypeScript
5
star
15

entity-routes

Design your REST API around your TypeORM entities in minutes. Instant CRUD with a single @EntityRoute decorator. Compatible with Koa/Express and any Connect based middleware.
TypeScript
5
star
16

vite-kikko-models

very early PoC of making offline-first easy using kikko/kysely/mikro-orm
TypeScript
4
star
17

lightningcss-ast-viewer

LightningCSS AST viewer.
TypeScript
4
star
18

entity-validator

Entity(Class) level validator based on class-validator interfaces
TypeScript
3
star
19

eslint-config

JavaScript
2
star
20

panda-tw

JavaScript
2
star
21

partykit-typeschema

TypeScript
2
star
22

vite-react-ts

TypeScript
2
star
23

panda-vite-template

TypeScript
2
star
24

vite-react-tamagui-ts

TypeScript
2
star
25

vite-react-ssr

TypeScript
1
star
26

vite-r3f

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

r3f-experiment

TypeScript
1
star
28

xstate-actors-example

TypeScript
1
star
29

rakkas-vanilla-extract-issue

TypeScript
1
star
30

sandbox-next-ts-chakra

TypeScript
1
star
31

superturk

TypeScript
1
star
32

tsc-runtime-type-benchmarks

benchmarking tsc speed across runtime type libraries
TypeScript
1
star
33

vite-r3flex-issue

repository made for an issue reproduction
TypeScript
1
star
34

box-extractor-ve-demo

Zero-runtime CSS-in-TS `<Box />` demo
TypeScript
1
star
35

astahmer.dev-astro

Astro
1
star
36

astahmer.dev-vite-plugin-ssr

TypeScript
1
star
37

vanilla-theme

TypeScript
1
star
38

vite-kikko-issue-repro

TypeScript
1
star
39

ts-lib-template

TypeScript
1
star
40

tailwind-to-css-in-js

TypeScript
1
star
41

box-extractor-vanilla-wind-demo

TypeScript
1
star
42

ve-dev-ssr-bug-repro

TypeScript
1
star