Svelte AI Elements

Overview

Svelte AI Elements is a comprehensive component registry built on top of shadcn-svelte that provides 44+ production-ready components specifically designed for building AI-powered applications with Svelte and SvelteKit.

Two Component Libraries

1. AI Elements (27 components) - Full-featured components for complete AI applications
2. Prompt Kit (17 components) - Lightweight components for prompt engineering interfaces

✨ Key Features

• Beautiful Design - Built on shadcn-svelte with modern, accessible UI
• Highly Customizable - Easily modify components to match your brand
• Responsive - Works seamlessly across desktop and mobile devices
• Accessible - Built with accessibility best practices (ARIA, keyboard navigation)
• TypeScript Ready - Full TypeScript support with comprehensive type definitions
• AI SDK Integration - Seamless integration with Vercel AI SDK
• Copy Markdown - All component pages include "Copy Markdown" feature
• Open In - Share prompts directly to ChatGPT, Claude, V0, and other AI platforms
• 8 UI Blocks - Pre-built blocks for rapid development

License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

This project draws inspiration from several excellent projects:

• shadcn-svelte - UI component foundation
• shadcn-svelte-extras - Additional components and utilities
• Vercel AI Elements - AI component concepts
• Prompt Kit - Beautiful AI UI components