Svelte AI Elements

Overview

Svelte AI Elements is a custom registy built on top of shadcn-svelte to help you build AI-native applications faster. It provides a set of customizable, high-quality components build for AI applications like prompt input, messages, conversation, response and more.

Key Features

• Beautiful Design: Built on top of shadcn-svelte with modern, accessible UI components
• Highly Customizable: Easily modify components to match your brand and requirements
• Responsive: Works seamlessly across desktop and mobile devices
• Accessible: Built with accessibility best practices in mind
• TypeScript Ready: Full TypeScript support with comprehensive type definitions

Installation

• AI Elements Docs : Visit
• Prompt Kit Docs : Visit

Available Components & Guides

• 14 Prompt Kit Components
• 26 AI Elements Components
• 2 Guides
  1. Basic Setup Guide : Visit
  2. Svelte 5+ AI SDK Integration : Visit

License

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

References and Inspirations

This project draws inspiration from several excellent projects in the web development and AI space:

• shadcn-svelte-extras - Additional components and utilities for shadcn-svelte
• AI Elements - AI Elements by Vercel for building AI-powered applications
• Prompt Kit - Beautiful UI components for AI applications

Acknowledgments

• Built with Svelte 5 and SvelteKit
• UI components based on shadcn-svelte
• Styling with TailwindCSS
• AI integration powered by Vercel AI SDK