@elements

Ably logo with dark/light mode support

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

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

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

AI coding agents, IDEs, and copilots

AgentMail logo with icon variant and dark/light modes

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

Major AI service providers and LLM platforms

Algolia logo with dark/light mode support

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

Anthropic logo component with theme-adaptive colors

Google Antigravity agentic IDE logo with icon and color variants

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

Apple logo component with theme-adaptive colors

TODO: Add description

Astro web framework logo with icon and icon-mono variants

Auth0 logo with dark/light mode support

Complete collection of AWS service logos

AWS Amplify service logo component with official brand colors

AWS analytics service logos

Amazon API Gateway service logo component with official brand colors

AWS AppSync service logo component with official brand colors

Amazon Athena service logo component with official brand colors

Amazon Bedrock service logo component with official brand colors

AWS CloudFormation service logo component with official brand colors

Amazon CloudFront service logo component with official brand colors

Amazon CloudWatch service logo component with official brand colors

AWS CodeBuild service logo component with official brand colors

AWS CodeCommit service logo component with official brand colors

AWS CodeDeploy service logo component with official brand colors

AWS CodePipeline service logo component with official brand colors

Amazon Cognito service logo component with official brand colors

AWS compute service logos

AWS database service logos

AWS developer tool logos

Amazon DynamoDB service logo component with official brand colors

Amazon EC2 service logo component with official brand colors

Amazon ECS service logo component with official brand colors

Amazon EKS service logo component with official brand colors

AWS Elastic Beanstalk service logo component with official brand colors

Amazon EventBridge service logo component with official brand colors

AWS Fargate service logo component with official brand colors

AWS Glue service logo component with official brand colors

AWS IAM service logo component with official brand colors

Amazon Kinesis service logo component with official brand colors

AWS KMS service logo component with official brand colors

AWS Lambda service logo component with official brand colors

AWS logo component with brand orange and white

AWS messaging service logos

AWS ML service logos

AWS monitoring service logos

AWS networking service logos

Amazon RDS service logo component with official brand colors

Amazon Redshift service logo component with official brand colors

Amazon Route 53 service logo component with official brand colors

Amazon S3 service logo component with official brand colors

Amazon SageMaker service logo component with official brand colors

AWS Secrets Manager service logo component with official brand colors

AWS security service logos

AWS serverless service logos

Amazon SNS service logo component with official brand colors

Amazon SQS service logo component with official brand colors

AWS Step Functions service logo component with official brand colors

AWS storage service logos

Amazon VPC service logo component with official brand colors

Axiom logo with dark/light mode support

Bash shell logo component

BeInCrypto logo component with icon and wordmark variants

Better Auth logo component with theme-adaptive colors

Biome - One toolchain for your web project

Braintrust logo with dark/light mode support

Browser Use logo with icon variant and dark/light modes

Browserbase logo with icon and wordmark variants

Bun logo component - fast all-in-one JavaScript runtime

ByteDance logo with variant support

Cerebras logo with variant support

Visualize AI reasoning steps with search results and images for step-by-step thinking display.

Main chat container with header, body, and footer sections for building AI chat interfaces

Expandable chat input with send button, file attachments, and keyboard shortcuts

Claude Code logo with variant support

Claude logo component with brand orange

Clerk logo component with variants, color schemes, modes, and backgrounds

Social login button group with Google, GitHub, Apple, and Microsoft. Supports default, outline, and icon-only variants with horizontal/vertical layouts.

Organization switcher dropdown with personal account, org list with role badges, and create organization option.

Multi-step sign-in form with email/password and social OAuth buttons. Features step transitions, forgot password link, and clean Clerk aesthetic.

Multi-step sign-up form with name, email, password and email verification via OTP input. Includes password strength indicator.

User avatar with dropdown menu showing profile, settings, and sign-out options. Features initials fallback and click-outside-to-close.

Waitlist signup form with email input, animated success state, and queue position display. Built for Clerk Core 3's useWaitlist() hook.

Terminal-style output display with ANSI color support and controls

Cline autonomous coding agent logo

Cloud services, infrastructure, and backend platforms

Cloudflare brand logo component with dark/light mode support

Cloudinary logo with dark/light mode support

Side-by-side or unified diff view with syntax highlighting via Shiki

OpenAI Codex coding agent logo with mono, color, and wordmark variants

Cohere logo component with brand colors

Composio logo with icon variant and dark/light modes

Human-in-the-loop tool approval workflow with accept/reject states for agentic AI applications.

Continue open-source AI code agent logo

Visualize branching conversations with a tree structure. Shows node types (user, assistant, system, tool), expandable branches, active path highlighting, and c…

Convex logo with dark/light mode support

C++ programming language logo component

Crafter Station logo component with icon, wordmark, and logo variants

CSS programming language logo component

Cursor - The AI Code Editor

Datadog logo with dark/light mode support

Daytona logo with icon variant and dark/light modes

DeepL logo with variant support

DeepSeek logo component with brand purple

Development platforms, productivity tools, and workflows

Dify logo with variant support

Discord logo component with brand purple

Docker container platform logo with dark/light mode support

Drizzle ORM brand logo component with dark/light mode support

E2B logo with dark/light mode support

ElevenLabs AI voice platform logo with icon and wordmark variants

Environment variable editor with key-value grid, masked values, and import/export

Error display component for React error boundaries with stack trace and retry

Exa logo with icon variant and dark/light modes

Expo logo with dark/light mode support

fal logo with dark/light mode support

Figma brand logo with icon, icon-mono, wordmark, and logo variants

Fireworks logo with variant support

Fly.io logo with dark/light mode support

Gemini logo component with brand gradient colors

Hook and utilities for generating badge images from SVG, with PNG/JPEG export support

Ghostty - A fast, feature-rich terminal emulator

The iconic GitHub contribution calendar showing activity levels throughout the year with customizable color schemes.

Display contribution activity grid like GitHub's profile

GitHub Copilot AI coding assistant logo

A visual language breakdown bar showing the programming languages used in a GitHub repository with percentage labels.

GitHub logo component with theme-aware variants

A comprehensive profile card displaying GitHub user information including avatar, bio, location, company, and follower stats.

A card component displaying GitHub repository information including name, description, stars, forks, and primary language.

An interactive star button with live star count that links to a GitHub repository. Perfect for call-to-action elements.

Display repository star history with area chart visualization

GitLab logo component with brand colors

Go programming language logo component with dark/light mode support

Google logo component with brand colors

Goose by Block open-source AI agent logo

Grafana logo with dark/light mode support

Grok logo component with theme-adaptive colors

Groq logo component with brand colors

Display content moderation and safety check results with blocked/modified/approved states, before/after comparison, and override actions for AI safety workflow…

Visualize agent transition breadcrumbs showing the chain of agents with arrows, active agent highlighting, and clickable nodes for handoff details.

Automatically run your project formatter (Biome, Prettier, Black, rustfmt) after Claude edits a file.

Play cat meow sounds when Claude Code needs your attention. Fun personality hook.

Warn when Claude Code context window is running low. Alerts at 40%, 25%, and 15%.

Block pushes to protected branches (main, master, production).

Block dangerous commands like rm -rf, git reset --hard, and DROP TABLE.

Block edits to .env files and credential files.

Send a Discord notification when Claude Code needs input or finishes a task.

Native macOS notification when Claude Code needs input or finishes a task.

Send a Slack notification when Claude Code needs input or finishes a task.

Play a system sound when Claude Code needs input or finishes a task. Cross-platform.

Send a Telegram notification when Claude Code needs input or finishes a task.

Generate a summary of your Claude Code session when it ends.

HTML5 programming language logo component

Hugging Face logo component with brand colors

Hyperbrowser logo with icon variant and dark/light modes

Inngest logo with dark/light mode support

Instagram logo component with brand gradient and theme-aware icon

Java programming language logo component

JavaScript programming language logo component with dark/light mode support

JSON data format logo component

Collapsible JSON tree viewer with syntax highlighting, search, and copy path

Kapso WhatsApp notifications platform logo with icon, wordmark, and logo variants

Kebo logo component with brand purple

Kilo Code agentic coding platform logo with brand yellow

Kimi logo component with theme-adaptive colors

Kite logo with icon variant and dark/light modes

Kotlin programming language logo component

LangChain logo with variant support

Langfuse logo with dark/light mode support

Response time visualization with TTFB and total duration display, color-coded performance indicators, animated progress bar, and compact/expanded variants.

LaunchDarkly logo with dark/light mode support

Linear issue tracking and project management platform logo with multiple variants

LinkedIn logo component with color schemes and variants

90 terminal-style text spinners in a single React component. Zero dependencies, keyboard-safe, tabular-nums for stable layout.

A grid of dots with ripple, wave, and cascade animation effects

Text with RGB channel splitting, clip-path distortion, and character scrambling

DNA double-helix with dots traveling along sinusoidal paths creating a 3D illusion

Polished liquid sphere with subtle organic deformation and specular highlights

Audio waveform / frequency spectrum bars that pulse rhythmically as a loading indicator

Terminal-style text decoder that cycles through random characters before resolving

All popular tech companies and services

Lovable logo component with brand gradient colors

Luma logo with variant support

Meilisearch logo with dark/light mode support

Mem0 logo with icon and wordmark variants

Display and manage working memory and conversation history with source badges, timestamps, search/filter, and add/remove functionality for agent memory systems.

Chat message component with user/assistant variants and copy functionality

Scrollable message list with auto-scroll to bottom and scroll-to-bottom button

Meta logo component with brand gradient blue

Microsoft logo component with brand colors

Mistral logo component with brand colors

Modal logo with icon variant and dark/light modes

Display AI model metadata including provider, context window, capabilities badges (vision, tools, streaming, JSON, functions), pricing info, and release date. …

A functional AI model selector with provider logos and popular models from Vercel AI Gateway. Features searchable combobox, provider icons, and model grouping.

MongoDB database logo with dark/light mode support

MoonshotAI logo component with theme-adaptive colors

n8n logo with variant support

Neon database brand logo component with dark/light mode support

Next.js brand logo component with dark/light mode support

Node.js brand logo component with dark/light mode support

Notion logo component with theme-adaptive colors

npm logo component - Node package manager

Nvidia logo with variant support

Obsidian - A knowledge base that works on local Markdown files

A dev tool to audit and preview Open Graph images from all routes in your app. Visual gallery with status indicators for broken images.

Ollama logo with variant support

OpenAI logo with icon and wordmark variants

OpenCode terminal AI coding agent pixelated wordmark

OpenHands AI-driven development platform logo

JavaScript package managers: npm, pnpm, Yarn, and Bun

Figma-style commenting overlay with text selection highlights, pin comments, keyboard navigation, and replies. Includes adapters for Vercel KV, Upstash, Supaba…

PagerDuty logo with dark/light mode support

Payload logo with dark/light mode support

Utility functions for PDF manipulation: extract pages, screenshots, search text, and more

Multi-mode PDF viewer with single page, continuous scroll, and book layout modes

Perplexity logo component with brand teal

Pika logo with variant support

Multi-stage workflow visualization with horizontal or vertical layout, stage status indicators, progress tracking, and expandable stage details.

TODO: Add description

PlanetScale logo with dark/light mode support

pnpm logo component - Fast, disk space efficient package manager

Styled license key display with masking, copy functionality, and status indicators.

Polar logo component with brand blue

Product pricing card with features list, price display, and checkout CTA. Supports monthly/yearly/one-time pricing.

MRR/ARR metric card with trend sparkline and percentage change indicator.

Grid of sponsor avatars grouped by tier with customizable colors and avatar sizes.

Subscription tier badge with status indicators and automatic tier-based coloring.

PostgreSQL database logo with dark/light mode support

PostHog logo with dark/light mode support

Prisma brand logo component with dark/light mode support

Popular programming language logos: TypeScript, JavaScript, Python, Rust, Go, and more

Compare system prompts with side-by-side or unified diff views. Shows added/removed line highlighting, line numbers, and copy buttons. Essential for prompt eng…

Python programming language logo component with dark/light mode support

Qwen logo component with theme-adaptive colors

Railway logo with dark/light mode support

Raycast - A blazingly fast, totally extendable launcher

React brand logo component with dark/light mode support

Collapsible reasoning content with streaming awareness for DeepSeek R1-style thinking visualization.

Redis in-memory data store logo with dark/light mode support

Render logo with dark/light mode support

Replicate logo with variant support

Replit logo with variant support

Display raw AI request/response data with collapsible sections, JSON syntax highlighting, copy buttons, and status code badges for debugging API calls.

Resend brand logo with icon and wordmark variants

Action buttons for AI responses: copy, regenerate, thumbs up/down, share