Extend shadcn-svelte with more-shadcn-svelte Components

Source: Dev.to

Overview

more-shadcn-svelte is a UI component library that extends shadcn-svelte with advanced UI components not included in the core registry.

Key Features

• ⚡ Built on Svelte 5 Runes with $state, $props, and $derived.
• 📦 Install through the shadcn-svelte CLI (no need for separate npm packages).
• 🔒 Full TypeScript support with strict prop typing.
• ✨ Components ship with animations and micro‑interactions.
• 🎨 Source files are added directly to your project for easy customization.

Components Included

The library provides a collection of about 20 components, including:

• Autocomplete
• Tag Input
• Color Picker
• Stepper
• Image Zoom
• Number Ticker

…and many more advanced UI elements.

Installation

Install the library using the shadcn-svelte CLI:

# Example command (replace with actual CLI syntax if different)
shadcn-svelte add more-shadcn-svelte

The components integrate seamlessly with your existing shadcn-svelte setup.

Resources

• Live Demo & Documentation: https://next.jqueryscript.net/svelte/advanced-more-shadcn-components/
• GitHub Repository: GitHub Repo (replace # with the actual URL)
• Live Demo: Live Demo (replace # with the actual URL)