awesome-svelte

• UI Components: A comprehensive collection of Svelte components for building user interfaces, including:

  • Editable Data Grid/Spreadsheet: Lightweight and powerful data grid components.
  • Table: Sortable and filterable table implementations.
  • Infinite Scroll: Virtualized lists and dynamic loading components.
  • Overlay/Modal: Simple and content-agnostic modal dialogs.
  • Notification: Toast and notification systems with various styles.
  • Tooltip: Smart popover components.
  • Loader: Spinners, progress bars, and content loaders.
  • Carousel: Responsive and customizable carousels.
  • Buttons: Animated and interactive button components.
  • Chart: Data visualization with various charting libraries.
  • Icons: SVG icon sets and emoji pickers.
  • Form Components: Inputs, selects, toggles, sliders, and more for user data entry.

• UI Layout: Components for responsive and draggable grid layouts, split panes, and other layout systems.

• UI Animation: Libraries for animating transitions and creating parallax effects.

• UI Frameworks: Complete UI kits and component collections, including:

  • Material Design: Svelte implementations of Material Design components.
  • Carbon: IBM's Carbon Design System components.
  • Bootstrap: Bootstrap 4 components for Svelte.
  • AgnosticUI: Accessible component primitives for multiple frameworks.

• UI Utilities: Tools for handling device input, meta tags, portals, and testing user behavior.

• Code Design: Libraries for managing data flow, form logic, routing, and server communication. Notable routers include:

  • svelte-routing: Declarative routing with SSR support.
  • routify: Automated Svelte routes.
  • svelte-spa-router: Hash-based router for SPAs.
  • tinro: Tiny, declarative router.

• State Management: Lightweight state managers like tinyx for large applications.

• Dev Tools: Tools for testing, debugging, and inspecting Svelte components, including:

  • svelte-devtools: Inspect component hierarchies in developer tools.
  • prettier-plugin-svelte: Format Svelte components with Prettier.