ActiveFeaturedComponent library (general)511
@elements
Component library (general) · MIT · data updated 2026-07-28
Elements by Crafter Station is a full-stack shadcn registry for Next.js and TypeScript that goes beyond visual UI. It bundles 154 theme-adaptive brand logos, 6 Clerk auth flow components (sign-in, sign-up, org switcher, waitlist), 37 AI/chat elements for the Vercel AI SDK (chat, reasoning, tool calls, streaming), 12 Claude Code automation components, 5 Polar monetization components (pricing cards, badges, license keys), 7 UploadThing upload components, 5 Upstash rate-limiting/caching components, 7 GitHub stats components, 9 dev-tool components (JSON viewer, webhook tester), 24 CC0 sound effects, 6 theme switchers, 6 loaders, and 2 PDF utilities. Free, MIT licensed. Use for: rapidly wiring auth, payments, AI chat, and file uploads into a Next.js app using registry-installed, source-owned blocks rather than npm packages.
aiaudioauthblocksbuttonscardscomponentscryptodeveloper-toolseditorformshooksiconsloadersmarketingmediamobilenavigationpaymentssaastheming
Install
npx shadcn@latest add https://www.tryelements.dev/r/registry.jsonHealth
StatusActive
Last commit2 months ago
LicenseMIT
Open issues4
ArchivedNo
Stars511
Components (359)
ably-logoagent-contextagent-rosteragent-statusagentic-codingagentmail-logoai-badgeai-servicesalgolia-logoamp-logoanthropic-logoantigravity-logoapi-response-viewerapple-logoartifactastro-logoauth0-logoaws-allaws-amplifyaws-analyticsaws-api-gatewayaws-appsyncaws-athenaaws-bedrockaws-cloudformationaws-cloudfrontaws-cloudwatchaws-codebuildaws-codecommitaws-codedeployaws-codepipelineaws-cognitoaws-computeaws-databaseaws-devtoolsaws-dynamodbaws-ec2aws-ecsaws-eksaws-elastic-beanstalkaws-eventbridgeaws-fargateaws-glueaws-iamaws-kinesisaws-kmsaws-lambdaaws-logoaws-messagingaws-mlaws-monitoringaws-networkingaws-rdsaws-redshiftaws-route53aws-s3aws-sagemakeraws-secrets-manageraws-securityaws-serverless
Components: ably-logo, agent-context, agent-roster, agent-status, agentic-coding, agentmail-logo, ai-badge, ai-services, algolia-logo, amp-logo, anthropic-logo, antigravity-logo, api-response-viewer, apple-logo, artifact, astro-logo, auth0-logo, aws-all, aws-amplify, aws-analytics, aws-api-gateway, aws-appsync, aws-athena, aws-bedrock, aws-cloudformation, aws-cloudfront, aws-cloudwatch, aws-codebuild, aws-codecommit, aws-codedeploy, aws-codepipeline, aws-cognito, aws-compute, aws-database, aws-devtools, aws-dynamodb, aws-ec2, aws-ecs, aws-eks, aws-elastic-beanstalk, aws-eventbridge, aws-fargate, aws-glue, aws-iam, aws-kinesis, aws-kms, aws-lambda, aws-logo, aws-messaging, aws-ml, aws-monitoring, aws-networking, aws-rds, aws-redshift, aws-route53, aws-s3, aws-sagemaker, aws-secrets-manager, aws-security, aws-serverless, aws-sns, aws-sqs, aws-step-functions, aws-storage, aws-vpc, axiom-logo, bash-logo, beincrypto-logo, better-auth-logo, biome-logo, braintrust-logo, browser-use-logo, browserbase-logo, bun-logo, bytedance-logo, cerebras-logo, chain-of-thought, chat, chat-input, claude-code-logo, claude-logo, clerk-logo, clerk-oauth-buttons, clerk-org-switcher, clerk-sign-in, clerk-sign-up, clerk-user-button, clerk-waitlist, cli-output, cline-logo, cloud-infrastructure, cloudflare-logo, cloudinary-logo, code-diff-viewer, codex-logo, cohere-logo, composio-logo, confirmation, continue-logo, conversation-tree, convex-logo, cplusplus-logo, crafter-station-logo, css-logo, cursor-logo, datadog-logo, daytona-logo, deepl-logo, deepseek-logo, developer-tools, dify-logo, discord-logo, docker-logo, drizzle-logo, e2b-logo, elevenlabs-logo, env-editor, error-boundary-ui, exa-logo, expo-logo, fal-logo, figma-logo, fireworks-logo, flyio-logo, gemini-logo, generate-badge, ghostty-logo, github-activity-calendar, github-contributions, github-copilot-logo, github-languages, github-logo, github-profile-card, github-repo-card, github-star-button, github-stars, gitlab-logo, go-logo, google-logo, goose-logo, grafana-logo, grok-logo, groq-logo, guardrails, handoff-chain, hook-auto-format, hook-cat-sounds, hook-context-monitor, hook-guard-branch, hook-guard-destructive, hook-guard-secrets, hook-notify-discord, hook-notify-macos, hook-notify-slack, hook-notify-sound, hook-notify-telegram, hook-session-summary, html-logo, hugging-face-logo, hyperbrowser-logo, inngest-logo, instagram-logo, java-logo, javascript-logo, json-logo, json-viewer, kapso-logo, kebo-logo, kilo-code-logo, kimi-logo, kite-logo, kotlin-logo, langchain-logo, langfuse-logo, latency-meter, launchdarkly-logo, linear-logo, linkedin-logo, loader-cli-spinner, loader-dot-matrix, loader-glitch-text, loader-helix, loader-morphing-blob, loader-signal-bars, loader-terminal-decode, logos, lovable-logo, luma-logo, meilisearch-logo, mem0-logo, memory-viewer, message-bubble, messages, meta-logo, microsoft-logo, mistral-logo, modal-logo, model-info, model-selector, mongodb-logo, moonshot-ai-logo, n8n-logo, neon-logo, nextjs-logo, nodejs-logo, notion-logo, npm-logo, nvidia-logo, obsidian-logo, og-image-explorer, ollama-logo, openai-logo, opencode-logo, openhands-logo, package-managers, page-comments, pagerduty-logo, payload-logo, pdf-utils, pdf-viewer, perplexity-logo, pika-logo, pipeline, plan, planetscale-logo, pnpm-logo, polar-license-key, polar-logo, polar-pricing-card, polar-revenue-card, polar-sponsor-grid, polar-subscription-badge, postgresql-logo, posthog-logo, prisma-logo, programming-languages, prompt-diff, python-logo, qwen-logo, railway-logo, raycast-logo, react-logo, reasoning, redis-logo, render-logo, replicate-logo, replit-logo, request-inspector, resend-logo, response-actions, roo-code-logo, routing-indicator, ruby-logo, runway-logo, rust-logo, sambanova-logo, sanity-logo, schema-viewer, sentry-logo, sfx-all, sfx-boom, sfx-cinematic, sfx-click, sfx-drone, sfx-error, sfx-glitch, sfx-keyboard, sfx-magic-reveal, sfx-notification, sfx-pop, sfx-reverse-whoosh, sfx-riser, sfx-shutter, sfx-success, sfx-swoosh, sfx-transitions, sfx-ui, sfx-whoosh, sfx-whoosh-alt1, sfx-whoosh-alt2, sixtyfour-logo, slack-logo, snowflake-logo, social-media, sound-engine, sound-types, sources, spotify-logo, spring-boot-logo, sql-logo, stability-logo, storybook-logo, stream-debugger, streaming-text, stripe-logo, stytch-logo, suggested-actions, suno-logo, supabase-logo, svelte-logo, swift-logo, tailwindcss-logo, task-list, tech-giants, temperature-slider, terraform-logo, text-shimmer, theme-switcher-button, theme-switcher-classic, theme-switcher-dropdown, theme-switcher-multi-button, theme-switcher-switch, theme-switcher-toggle, thinking-indicator, threads-logo, tinte-editor, tinte-logo, together-logo, token-counter, token-viewer, tool-call, tool-inspector, trae-logo, trigger-logo, turso-logo, twilio-logo, twitch-logo, twitter-logo, typescript-logo, typewriter, uploadthing-avatar, uploadthing-button, uploadthing-dropzone, uploadthing-file-card, uploadthing-image-grid, uploadthing-logo, uploadthing-paste, uploadthing-progress, upstash-cache-badge, upstash-counter, upstash-leaderboard, upstash-logo, upstash-queue-card, upstash-ratelimit, use-ai-avatar, use-sound, v0-logo, vapi-logo, vercel-logo, vite-logo, vuejs-logo, webhook-tester, windsurf-logo, workos-logo, xai-logo, xata-logo, yarn-logo, zed-logo, zep-logoPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.