# Ask AI Logo Links

Responsive AI service links with CSS-mask logos and no UI package.

## Artifact

- ID: ask-ai-logo-links
- Runtime: React
- Preview: Compiled React preview
- Manifest schema: 1
- Packages: None
- Tags: #ai, #logo-links, #css-masks, #react, #zero-extra-packages, #css-modules
- Source: /components/ask-ai-logo-links/code
- Manifest: /components/ask-ai-logo-links/manifest
- Preview route: /components/ask-ai-logo-links/react-preview
- Download: /components/ask-ai-logo-links/download

## Files

- components/ask-ai-logo-links.tsx (tsx, 1359 bytes, sha256 d8cecb30aafd0b01f30cba6388b118ec7744a1e19a676c5039c1afec534327f1)
- components/ask-ai-logo-links.module.css (css, 997 bytes, sha256 723e658dac855f3a8454e9ac1f8d93e375ff2ae4404dc7d04aed69a2e0ab6e9a)
- components/ai-services.ts (ts, 1797 bytes, sha256 587ac6cbf8a0ef0d21c630c29ab2c127a6bb77723ec9ef014ed9d1ec0d93c280)
- public/ai-logos/chatgpt.svg (xml, 3947 bytes, sha256 c347b91e0af15bbf372a61ee641f12a1a9252607da46ce763c46425086784dbb)
- public/ai-logos/grok.svg (xml, 943 bytes, sha256 33a5d8ce0396dcb815bcfdae75708246ec1673f48ed6ab82cdd512c2b25efb08)
- public/ai-logos/perplexity.svg (xml, 590 bytes, sha256 f23d45c17782a656bdabd9d92fafb313f9dd8ba9df8307489a4806b2413c7580)
- public/ai-logos/gemini.svg (xml, 1380 bytes, sha256 cc8d80780a7cbb041481f58ca4a7d3722bfca1200ec70de651f8523ed210b303)
- public/ai-logos/claude.svg (xml, 2595 bytes, sha256 6da59922ce1ebc22167bd2eef52ed1f25679b6b58e03abe66ca9d469fc233efc)

## Assets

- /ai-logos/chatgpt.svg (svg, ChatGPT logo, included as public/ai-logos/chatgpt.svg)
- /ai-logos/grok.svg (svg, Grok logo, included as public/ai-logos/grok.svg)
- /ai-logos/perplexity.svg (svg, Perplexity logo, included as public/ai-logos/perplexity.svg)
- /ai-logos/gemini.svg (svg, Gemini logo, included as public/ai-logos/gemini.svg)
- /ai-logos/claude.svg (svg, Claude logo, included as public/ai-logos/claude.svg)

## Integration Steps

1. Copy the files listed below into your React app.
2. Keep CSS Module files beside the TSX files that import them.
3. Preserve the relative paths between `components/ask-ai-logo-links.tsx`, `components/ask-ai-logo-links.module.css`, `components/ai-services.ts`.
4. Import the copied component from the path you keep in your project.
5. Move any `public/` assets into your app public directory at the same path, or update the asset URLs.

## Motion And Performance

- No declared motion metadata.