Elements (Crafter Station)

Trusted shadcn registry of full-stack blocks: auth (Clerk), payments (Polar), AI SDK chat, logos, UploadThing, Upstash, and Claude Code hooks.

crafter-station/elements installs via npx shadcn@latest add @elements/<slug> with no manual registry config because it is listed as a trusted shadcn registry. Site: https://www.tryelements.dev/. Current source check on 2026-06-30: main HEAD 5ecc481d8187cbf47335d6aaadd86e948cd02a21, no release tags, MIT license, 509 GitHub stars, and 29 forks. Versioning note: it is a registry/repo source rather than an npm package with semantic version authority, so pin the source commit when adopting a block. Source: GitHub API; git ls-remote; github.com/crafter-station/elements, 2026-06-30

The reviewed local image is a README screenshot: it shows the product hero ("Full-Stack shadcn/ui components"), the registry JSON snippet (https://tryelements.dev/r/{name}.json), and README feature bullets for custom MDX docs, Cmd+K search, smart TOC, provider-focused structure, responsive design, and legacy /t route support. That artifact confirms Elements is a registry/documentation system, not only a tweet-level component list. Source: local asset /wiki/assets/x-bookmarks/2033509627686539464/image-01.png, 2026-06-30

Categories (selected)

Category Count Notes
Brand logos 154 Theme-adaptive tech and AI logos
AI Elements 37 Chat, reasoning, tool calls for Vercel AI SDK
Clerk 6 Sign-in, org switcher, waitlist
Claude Code 12 Notification and safety hooks
Polar / UploadThing / Upstash / GitHub varies Payments, uploads, rate limits, stats
Dev Tools / SFX / Loaders / PDF varies JSON/schema/webhook tools, CC0 UI sounds, animated loading, PDF utilities

Source: tryelements.dev docs and GitHub README, 2026-06-30

Routing

Use Elements as part of the Component Library Sources shelf when a React/Next app needs production-shaped blocks with real provider integrations. It is especially relevant for shadcn work that needs auth, AI chat/tool-call UI, logos, pricing, upload, rate-limit, webhook tester, and Claude Code hook examples. Do not install blocks blindly: inspect the fetched registry JSON and merge styles/tokens into the app's existing design system before committing.

Sibling product Tinte (tinte.dev) generates shadcn themes. Source: github.com/crafter-station/elements README, 2026-06-01

Signal

Tom Dörr post: 305 likes, 224 bookmarks (2026-03-16). Source: X/@tom_doerr, 2026-03-16


Timeline