A favicon of Shadcn Svelte Nodep

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.

A screenshot of Shadcn Svelte NodepVisit

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.

Distribution:
opensource
GitHub:
76 Stars
2 Forks
Share:

 

  
 

Similar to Shadcn Svelte Nodep: