Shadcn Svelte Nodep
A Svelte port of shadcn/ui components, offering zero external UI dependencies and Tailwind CSS styling, including minor enhancements like a Link component.
Shadcn Svelte NoDep: Dependency-Free UI Components for Svelte
Shadcn Svelte NoDep offers a direct port of the popular shadcn/ui library, specifically adapted for Svelte projects. It distinguishes itself by having zero external UI library dependencies, relying solely on Tailwind CSS for styling. This approach provides developers with a lightweight and flexible set of UI components, including some minor additions and improvements over the original, such as an affirmative button variant and a dedicated Link component, facilitating the efficient construction of modern web applications.
Features:
- Accordion Component: Provides collapsible sections for organizing and displaying content.
- Alert & Alert Dialog: Offers components for displaying important messages and critical, modal alerts.
- Avatar Component: Displays user profile pictures or initials in a standardized format.
- Badge Component: Small count and labeling component for UI elements.
- Breadcrumb Component: Shows the current page's location within a navigational hierarchy.
- Button Component: Includes standard button styles and an additional 'affirmative' variant for positive actions.
- Card Component: A versatile container for grouping and displaying related content and actions.
- Checkbox Component: Interactive checkbox input for forms and selection tasks.
- Dialog Component: Modal dialog for focused user interactions and content display.
- Input & Input OTP: Standard text input fields and specialized One-Time Password input components.
- Link Component: A custom-added component specifically designed for creating hyperlinks.
- Popover Component: Displays contextual information or actions in a floating panel on user interaction.
- Select Component: Dropdown selection component for choosing from a list of options.
- Zero External UI Dependencies: Core design principle ensuring no reliance on other UI libraries like Radix UI.
- Tailwind CSS Styling: All components are styled using Tailwind CSS, offering easy customization.
Summary:
This project delivers a port of shadcn/ui components for Svelte developers, meticulously re-engineered to eliminate external UI library dependencies. It utilizes Tailwind CSS for styling and encompasses a broad array of frequently used UI elements, augmented with unique enhancements such as an affirmative button variant and a distinct Link component. The primary goal is to furnish a lightweight, dependency-free alternative for crafting user interfaces within Svelte applications, drawing inspiration from the original shadcn/ui and related community contributions.

Similar to Shadcn Svelte Nodep:


