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

We have created a custom registry for easy installation of components using the shadcn-svelte CLI.

# Demo Command to install a component
bun x shadcn-svelte@latest add https://ai-elements.vercel.app/r/[COMPONENT].json

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
• Prompt Kit - Beautiful UI components for AI applications
• AI Elements - AI Elements by Vercel for building AI-powered applications

Acknowledgments

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