Background
Foldcn is a registry of copy paste components for Foldkit. Basically the shadcn idea but built on top of @foldkit/ui and Tailwind CSS v4.
I made it because I wanted shadcn style components that work nicely with Foldkit. You can browse everything at foldcn.elianiva.com and install what you need with the shadcn CLI:
npx shadcn@latest registry add @foldcn=https://foldcn.elianiva.com/r/{name}.json
npx shadcn@latest add @foldcn/button @foldcn/dialogEach component is just a source file you copy into your project. No hidden runtime or anything, just foldkit, effect, @foldkit/ui, plus the usual stuff like clsx, tailwind-merge, lucide, and tw-animate-css. A few components look a bit different from the original shadcn/ui because the Foldkit primitive underneath behaves differently, so I adjusted them to fit.
Every page also has a markdown version so you can feed it to LLMs if you want. There is an /llms.txt index and each docs page has a markdown copy. It also works with Accept: text/markdown if you prefer that.
Technical Details
It is a pnpm and Turbo monorepo with two packages:
@foldcn/registryholds the registry, the component sources, and the style definitions. It builds theregistry.jsonthat the shadcn CLI uses.@foldcn/webis the docs site. It is a Foldkit SSG app that shows live previews, install commands, and source code for each component.
The site is deployed to Cloudflare with Alchemy. I use Effect here and there for schema and services, and the whole repo is typechecked with TypeScript 7.