shadcn-svelte-plus

A collection of enhanced components for shadcn-svelte.

Prerequisites | Installation | Special Thanks | License

Prerequisites

• SvelteKit
• Shadcn-svelte
  • With the following components:
    • Button
• Tailwind CSS
• Lucide Icons

Installation

• Copy over the components you need from the shared directory to your project.
• Add the following to your tailwind.config.ts:

const config = {
    extend: {
        keyframes: {
+          "shine": {
+            from: { backgroundPosition: '200% 0' },
+            to: { backgroundPosition: '-200% 0' },
+           },
        },
        animation: {
+         "shine": "shine 8s ease-in-out infinite",
        },
    },
}

Special Thanks

Shadcn for the design and Shadcn-svelte for the components.

Enhanced Button component forked from jakobhoeg/enhanced-button, originally written for react.js.

License

This is purely for personal use, however, licensed under MIT.