awesome-claude-artifacts
🎉 A curated list of awesome things related to Claude Artifacts
Install with your AI
Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.
⚠ Unverified source (community-unclaimed, low activity) — reveal the prompt
⚠ Unverified source (community-unclaimed, low activity). Inspect the repo before letting your agent install it. Install and set up awesome-claude-artifacts (git-clone project) into my current project. Found on https://claudeers.com/awesome-claude-artifacts Repo: https://github.com/madewithclaude/awesome-claude-artifacts Homepage/docs: https://madewithclaude.com Detected install method: git-clone → git clone https://github.com/madewithclaude/awesome-claude-artifacts Category: other. Platforms: api, web. Read the repo's README for exact setup and env vars, then install it and wire it into my project. Claudeers Health Verdict: dormant; community-verified: false. Confirm the source before running anything.
git clone https://github.com/madewithclaude/awesome-claude-artifacts
// compatibility
| Platforms | api, web |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | — |
| Pricing | open-source |
| Language | — |
Awesome Claude Artifacts
A curated list of awesome things related to Claude Artifacts.
This repository is a dedicated space for collecting and showcasing best artifacts created by Claude, Anthropic's AI assistant. You can also contribute your own Claude Artifacts by visiting Claude Artifacts.
What are Claude Artifacts?
Claude Artifacts are diverse types of content generated by the Claude 3 AI model, including text, images, data visualizations, and interactive content. These may include:
- Code snippets or scripts
- Markdown documents
- HTML pages
- SVG images
- Mermaid diagrams
- React components
They are displayed in a dedicated window separate from the main chat, making it easy for users to modify, build upon, or reference later.
Main Features
- Dedicated Windows: Displayed in a separate window alongside the chat for easy manipulation.
- Editability: Users can directly modify the content within the Artifacts.
- Version Control: Supports tracking and switching between different versions.
- Sharing and Remixing: Allows users to share their Artifacts and remix those created by others.
- Multi-format Support: Includes various formats such as text, code, web pages, etc.
How to Contribute
We invite you to share your most interesting, useful, or creative Claude Artifacts with the community. Here’s how you can contribute:
- Create a new issue: Go to the "Issues" tab and click the "New Issue" button.
- Title your issue: Use a brief, descriptive title for your artifact.
- Describe your artifact: In the issue body, provide some context about your artifact:
- What type of artifact is it? (e.g., code, markdown, SVG, etc.)
- What was the prompt or context that led to its creation?
- Why do you find it interesting or valuable?
- Share the artifact: Paste the content of your artifact into the issue body, using appropriate formatting (such as code blocks) for better readability.
- Add labels: Tag your issue with relevant labels to help others find it easily.
Guidelines
- Ensure that the artifacts you share are your own and that you have the right to share them.
- Do not share any personal or sensitive information.
- Be respectful and constructive in your comments and discussions.
- If you're sharing code, consider including comments or explanations to help others understand it.
We look forward to seeing your contributions and building a diverse collection of Claude Artifacts together!
Resources
Programming
- AWS Services Galaxy - Web Design of AWS.
- Azure Services Dashboard - Azure Services Demo.
Game
- Space Jam: MJ vs Monstars - Space Jam is a sports video game.
// faq
What is awesome-claude-artifacts?
🎉 A curated list of awesome things related to Claude Artifacts. It is open-source on GitHub.
Is awesome-claude-artifacts free to use?
awesome-claude-artifacts is open-source, so it is free to use.
What category does awesome-claude-artifacts belong to?
awesome-claude-artifacts is listed under other in the Claudeers registry of Claude-compatible tools.
// embed badge
[](https://claudeers.com/awesome-claude-artifacts)
// retro hit counter
[](https://claudeers.com/awesome-claude-artifacts)
// reviews
// guestbook
// related in Other
🔓
🔓Open source Ghostty-based macOS terminal with vertical tabs and notifications for AI coding agents. Built for multitasking, organization, and programmability.
🔓Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
🔓Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic