shadcn-svelte-plus Svelte Themes

Shadcn Svelte Plus

A collection of additional/enhanced components for Shadcn-svelte

shadcn-svelte-plus

A collection of enhanced components for shadcn-svelte.

Prerequisites | Installation | Special Thanks | License

Prerequisites

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.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes