Shadcn Svelte Extras
Turn key shadcn-svelte components to help finish your app.
Overview
The shadcn-svelte-extras package offers a collection of versatile and dynamic components designed for Svelte applications. These components are tailored to enhance user interfaces, streamline interactions, and improve the overall user experience in web applications. Whether you're building a chat system, allowing file uploads, or creating a seamless way for users to input information, these components have you covered.
Features
- AvatarGroup: Easily create a grouped avatar display to represent multiple users in a sleek and organized manner.
- Button: An extended customizable button component that can adapt to various styles and functionalities.
- Chat: A specialized component to facilitate live chat features, making real-time communication effortless.
- Emoji Picker: An intuitive emoji selection tool that enhances user engagement in messaging and social applications.
- File Drop Zone: An easy-to-use component that enables users to upload files by dragging and dropping.
- Image Cropper: A functional image upload tool that allows users to resize and crop images directly within your application.
- Modal: A responsive dialog component perfect for displaying alerts, confirmations, and other important information.
- Star Rating: A simple and elegant component for users to give feedback through star ratings, enhancing product reviews and surveys.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Bits UI
Bits UI is a headless component library for Svelte that provides unstyled, accessible UI primitives. It powers shadcn-svelte and offers a foundation for building custom component libraries with full accessibility support in the Svelte ecosystem.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.