u/Design_FusionXd

Hey everyone, I’ve been working on Svelte Datatables Components, a free and open-source collection for building data tables in Svelte.

It’s built on top of TanStack Table v9, and components can be installed using the shadcn-svelte CLI.

Some of the components:

• Data filters
• Row & header selection
• Debounced search
• Pagination
• Column visibility
• Row actions
• CSV export

11 ready-to-use blocks, including:

• Basic data table
• Row selection
• Filterable tables
• Draggable & pinnable columns
• Resizable columns
• Pagination
• Complex tables

Live: https://sv-table.vercel.app/

GitHub: https://github.com/SikandarJODD/sv-table

Filter Component is inspired from Bazza UI
it include: range calendar, min-max number filter, options based filter( active, pending, inactive) you can add any options, text based tooo

Would love some feedback. Also, let me know if there’s any table block you’d like to see added.

I've been working on Svelte Fancy Components, a port of Fancy Components for the Svelte ecosystem.

Includes 14 Unique components:

• Scramble In
• Pixel Trail
• Letter Swap
• Vertical Cut Reveal
• Text Highlighter
• Media between text (image, video)
• And 8 more....

Live Preview: https://sv-animations.vercel.app/fancy

Note: most of them are hover, scroll (in view) baser animations which won't on mobile devices This are unique components to make website more fun, interesting...

Goal: Build a collection of small, useful blocks that developers can quickly copy and use
includes: buttons, avatars, input groups (my fav), menus, and more.

Features

• 50+ blocks ( small useful block )
• Copy code instantly
• Free & Open Source
• Easy to customize

Live: https://sv-particles.vercel.app
GitHub: https://github.com/SikandarJODD/sv-particles

A few questions:

1. Should I add a registry, or keep the current copy-paste approach? Most blocks are small, and the goal is to make them quick and easy to use.
2. If you're viewing the site on a mobile device, did you notice the page transitions? Do they feel smooth, or would you prefer they be removed?

Preview: bhide.dev

Includes all my Svelte projects and libraries.
Everything is free and open source.

If you like my work, feel free to sponsor it 😁😅

Introducing Svelte Dot Matrix Loaders

50+ Animated Dot Matrix loaders for Svelte

• Install using jsrepo / shadcn-svelte
• Easy to customize
• Includes ready-to-use examples

Live: https://sv-matrix.vercel.app
GitHub: https://github.com/SikandarJODD/sv-matrix
Docs: https://sv-matrix.vercel.app/docs/setup

Inspired from original Dot Matrix Loaders by Shawnn
Goal: bring similar experience to svelte ecosystem

i am using shadcn-svelte/jsrepo for distrubiton purpose.
i have provide 7 examples with AI chat, payment, fetch api, form submission, etc..