@elements

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.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://www.tryelements.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://www.tryelements.dev/r/registry.json

bun bunx shadcn@latest add https://www.tryelements.dev/r/registry.json

fetch registry curl -s https://www.tryelements.dev/r/registry.json

Components

60 total

Ably Logo ui

Ably logo with dark/light mode support

npx shadcn@latest add https://www.tryelements.dev/r/ably-logo.json

AI Agent Context ui

Display and optionally edit agent context data with type indicators, nested object support, and collapsible sections. Visualizes user/team context for AI agent…

npx shadcn@latest add https://www.tryelements.dev/r/agent-context.json

AI Agent Roster ui

Display a directory of AI agents with status indicators, match patterns, and selection support. Supports grid and list layouts for multi-agent orchestration UI…

npx shadcn@latest add https://www.tryelements.dev/r/agent-roster.json

AI Agent Status ui

Display current agent handling a request with status indicators, animated pulse for active states, and handoff visualization for multi-agent workflows.

npx shadcn@latest add https://www.tryelements.dev/r/agent-status.json

Agentic Coding block

AI coding agents, IDEs, and copilots

npx shadcn@latest add https://www.tryelements.dev/r/agentic-coding.json

AgentMail Logo block

AgentMail logo with icon variant and dark/light modes

npx shadcn@latest add https://www.tryelements.dev/r/agentmail-logo.json

AI Badge block

Interactive 3D badge component with Atropos effect, customizable branding, QR code, and AI avatar support

npx shadcn@latest add https://www.tryelements.dev/r/ai-badge.json

AI Services block

Major AI service providers and LLM platforms

npx shadcn@latest add https://www.tryelements.dev/r/ai-services.json

Algolia Logo ui

Algolia logo with dark/light mode support

npx shadcn@latest add https://www.tryelements.dev/r/algolia-logo.json

Amp Logo ui

Amp (by Sourcegraph) coding agent logo with icon and wordmark variants

npx shadcn@latest add https://www.tryelements.dev/r/amp-logo.json

Anthropic Logo ui

Anthropic logo component with theme-adaptive colors

npx shadcn@latest add https://www.tryelements.dev/r/anthropic-logo.json

Antigravity Logo ui

Google Antigravity agentic IDE logo with icon and color variants

npx shadcn@latest add https://www.tryelements.dev/r/antigravity-logo.json

API Response Viewer ui

HTTP response viewer with tabbed Body, Headers, and Timing display

npx shadcn@latest add https://www.tryelements.dev/r/api-response-viewer.json

Apple Logo ui

Apple logo component with theme-adaptive colors

npx shadcn@latest add https://www.tryelements.dev/r/apple-logo.json

Ai Artifact ui

TODO: Add description

npx shadcn@latest add https://www.tryelements.dev/r/artifact.json

Astro Logo block

Astro web framework logo with icon and icon-mono variants

npx shadcn@latest add https://www.tryelements.dev/r/astro-logo.json

Auth0 Logo ui

Auth0 logo with dark/light mode support

npx shadcn@latest add https://www.tryelements.dev/r/auth0-logo.json

AWS All Services block

Complete collection of AWS service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-all.json

AWS Amplify Logo ui

AWS Amplify service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-amplify.json

AWS Analytics block

AWS analytics service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-analytics.json

Amazon API Gateway Logo ui

Amazon API Gateway service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-api-gateway.json

AWS AppSync Logo ui

AWS AppSync service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-appsync.json

Amazon Athena Logo ui

Amazon Athena service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-athena.json

Amazon Bedrock Logo ui

Amazon Bedrock service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-bedrock.json

AWS CloudFormation Logo ui

AWS CloudFormation service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudformation.json

Amazon CloudFront Logo ui

Amazon CloudFront service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudfront.json

Amazon CloudWatch Logo ui

Amazon CloudWatch service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudwatch.json

AWS CodeBuild Logo ui

AWS CodeBuild service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-codebuild.json

AWS CodeCommit Logo ui

AWS CodeCommit service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-codecommit.json

AWS CodeDeploy Logo ui

AWS CodeDeploy service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-codedeploy.json

AWS CodePipeline Logo ui

AWS CodePipeline service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-codepipeline.json

Amazon Cognito Logo ui

Amazon Cognito service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-cognito.json

AWS Compute block

AWS compute service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-compute.json

AWS Database block

AWS database service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-database.json

AWS Developer Tools block

AWS developer tool logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-devtools.json

Amazon DynamoDB Logo ui

Amazon DynamoDB service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-dynamodb.json

Amazon EC2 Logo ui

Amazon EC2 service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-ec2.json

Amazon ECS Logo ui

Amazon ECS service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-ecs.json

Amazon EKS Logo ui

Amazon EKS service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-eks.json

AWS Elastic Beanstalk Logo ui

AWS Elastic Beanstalk service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-elastic-beanstalk.json

Amazon EventBridge Logo ui

Amazon EventBridge service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-eventbridge.json

AWS Fargate Logo ui

AWS Fargate service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-fargate.json

AWS Glue Logo ui

AWS Glue service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-glue.json

AWS IAM Logo ui

AWS IAM service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-iam.json

Amazon Kinesis Logo ui

Amazon Kinesis service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-kinesis.json

AWS KMS Logo ui

AWS KMS service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-kms.json

AWS Lambda Logo ui

AWS Lambda service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-lambda.json

AWS Logo ui

AWS logo component with brand orange and white

npx shadcn@latest add https://www.tryelements.dev/r/aws-logo.json

AWS Messaging block

AWS messaging service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-messaging.json

AWS Machine Learning block

AWS ML service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-ml.json

AWS Monitoring block

AWS monitoring service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-monitoring.json

AWS Networking block

AWS networking service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-networking.json

Amazon RDS Logo ui

Amazon RDS service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-rds.json

Amazon Redshift Logo ui

Amazon Redshift service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-redshift.json

Amazon Route 53 Logo ui

Amazon Route 53 service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-route53.json

Amazon S3 Logo ui

Amazon S3 service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-s3.json

Amazon SageMaker Logo ui

Amazon SageMaker service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-sagemaker.json

AWS Secrets Manager Logo ui

AWS Secrets Manager service logo component with official brand colors

npx shadcn@latest add https://www.tryelements.dev/r/aws-secrets-manager.json

AWS Security block

AWS security service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-security.json

AWS Serverless block

AWS serverless service logos

npx shadcn@latest add https://www.tryelements.dev/r/aws-serverless.json