I built tryproduck.com/audit, it walks your app like someone opening it for the first time and sends back every bug and confusing bit it hits. Over 650 startups have run it so far.

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.

https://github.com/olegpolin/material-svelte

Any feedback is appreciated.

Here's a live demo:

https://material-svelte.flenze.com

Hey

Budibase is one of the largest projects that uses Svelte:
https://github.com/Budibase/budibase

At Budibase, we're hiring 3 software engineers:
https://budibase.bamboohr.com/careers/49

I've noticed a few posts recently around the lack of jobs in svelte so I thought it would be worthwhile posting the roles above.

Note: I'm just a beginner, don't bash too hard on me :/. AI wasn't used to write this post at all and I'd love if you'd take a minute and check the project out!

AI was used to lend me a hand me during the dev of the project, but it wasn't used extensively and most of the UI is just shad/cn, it was used mostly to help me learn Svelte as it's my first time using it :P

Also, for anyone that isn't inside the JS/TS ecosystem or just don't know what PM2 is, it's just a process manager, allows you to control all of your Node/Bun/Deno processes (or even other interpreters) and auto-start them on boot. Find more about it here: https://pm2.keymetrics.io/

Project Repo: https://github.com/AngelCMHxD/PeekM2

Live demo: https://peekm2.angelcmh.com/

---

I've been looking for PM2 dashboards for quite a while and I've been able to find quite a lot of options, however, none of them were quite what I was looking for.

The official one has a LOT of features, though mostly ones that I don't need, and the only plan with a fixed/public pricing is $39 a MONTH, which is just too much for what I was looking for, and especially for hobby projects.

And for the open-source ones, some of them were too complex to setup, like I don't want to setup a whole PostgreSQL instance just for a PM2 dashboard. And others were over-complicated, I don't really need an user management feature other than just an admin/master password, if I didn't have a dashboard I'd have to give the other maintainers access to the whole daemon anyways. (Though right now you can set up multiple instances, so you can handle access that way too)

So, for mine I built a historical CPU/RAM usage history chart, logs, basic controls to restart/stop/delete processes, and a small uptime chart (that probably needs to be reworked because it only checks every 5 mins, and for it to be reliable it should check WAY more frequently)

Now, I do have other features in mind that I could implement and have them in mind, like these:

• Discord (or other) webhooks to notify about process changes or downtime.
• Fix the uptime thing I mentioned before.
• Add a way to check historical data from other than the last 24h.
• Related to the one above, limit the amount of historical data stored, as it's currently uncapped and we only use the last 24h, so keep only what's needed
• Maybe add a way to see the process env variables?

This list is not exhaustive though, and I'm quite open for feedback, even if it's the user management thing I mentioned before that I didn't need, I'll just find a way to make it unobtrusive for anyone that may not want it.

The main point of the project is just keeping it simple for anyone that doesn't want that much, but I could add other features as long as they don't impact the simplicity for anyone that don't want them. Just keeping the "barrier of entry" as low as possible.

I've also deployed a "demo" instance so you can see how it currently looks like, and I've said before, I'm open to feedback!

If you like the idea, please star the repo ;D! It's my first time doing a project and posting it on things like Reddit, I'm just a beginner at these things

Edit: Fixed the formatting... so sad that it didn't worked at first :/

2nd Edit: Also, I'd love to promote Hack Club! It's an amazing non-profit dedicated to incentivize programming for teenagers (13-18 inclusive) and overall just doing cool projects while getting rewards. This project was made/submitted to one of their programs as I'm a teenager myself :D

Self-promo disclosure: I maintain poveste, a component playground continuing histoire. Two Svelte 5 fixes worth sharing — both failed silently, and both apply to anyone wrapping or re-mounting user components.

1. $capture_state / $inject_state are gone

A playground mounts your story twice — once for the controls panel, once for the preview. histoire bridged those two instances with $capture_state / $inject_state. They were dev-only compiler internals, and Svelte 5 removed them.

Without the bridge, a plain let exists twice. The checkbox writes to one copy; your component renders the other. The control moves, nothing happens, no warning.

Fix: stop reading state out of components and own it instead.

<script>
  const initState = () => ({ disabled: false })
</script>

<Hst.Story {initState}>
  {#snippet children({ state })}
    <MyButton disabled={state.disabled} />
  {/snippet}
  {#snippet controls({ state })}
    <Hst.Checkbox bind:value={state.disabled} title="Disabled" />
  {/snippet}
</Hst.Story>

One object, both snippets. It also survives crossing into the preview iframe, which the old approach never could.

2. Spreading a bound prop drops its setter

Svelte 5 passes bound props as getter/setter pairs. Spread them onto a wrapper:

<Inner {...props} />

...and the spread invokes the getter, handing the child a plain value. The setter is gone, so bind: silently degrades to one-way. Forward the prop explicitly instead of spreading it.

---

Since the first failure was invisible, a story with controls but no initState now logs an error naming itself. Happy to answer migration questions.

>Enjoy the recent Eagle Eye application state management system for Svelte 5+ and its Runes.

https://svelte-eagleeye.js.org/

Full disclosure: We, at #webkrafters, developed and maintain this product.

🚀 Shipped ScrollStack — headless infinite scrolling for Web

📦 1.92 KB gzipped, zero runtime deps

⚛️ React, Vue & Svelte adapters

🔁 Cursor, offset, Virtual list & page pagination → one function

🧠 Stale responses can't resurrect dead state

You bring the markup 👇

https://scrollstack.js.org

Hi all,

I've been working on yapyak, an open-source i18n compiler that runs as a Vite plugin. There are adapters for a few frameworks, but SvelteKit is the one I use myself.

The idea is that the source string is the key:

<script lang="ts">
  import { t } from 'yapyak';
</script>

<button>{t('Download recovery key')}</button>

You save the file, and the source string shows up in your locale files as an empty stub. If you've set up a translator, it gets auto-translated and written back, using call-site context (the component and the code around the call). HMR picks it up in the running app.

The video is a small example of that. I add a download button to a dialog and hit save. The German page is sitting right next to the English one, so I see it the moment it lands: Wiederherstellungsschlüssel herunterladen pushes the button row 97px past the edge of the dialog.

So I fix it right there, one prop on the button group.

That's a small slice of what yapyak does, but it's the part I use most. Translating stops being something I come back to later. It just happens on save.

Because it runs in the compiler, it sees more than the string itself. It reads ICU parameters out of the string literal, and it keeps track of a translation when you move or rename the source file.

In the SvelteKit SSR adapter, locale state is scoped per request on the server and uses Svelte's reactivity on the client. Switching locale is synchronous, since the translations a module uses get compiled into it. A fixed-locale build can compile t() away entirely and leave just the translated string.

Auto-translation is optional. There are shipped translators for Anthropic, OpenAI, Gemini and Ollama, all using your own API key, or you can leave the stubs empty and hand-edit the locale files.

I built it for a product I'm working on, and that's the whole business plan. There's no follow-up post where I get to the pricing.

MIT licensed, and still pretty early.

yapyak.dev

If you've done a lot of i18n in SvelteKit, especially SSR or anything big, I'd like to hear what you'd try to break.

I’ve been working on ShardsUI, a headless UI library for Svelte inspired by Base UI.

The first beta is now available:
https://shardsui.com/

It’s still early, and I’d really appreciate feedback from Svelte developers on the API, components, and overall direction.

Hey all, last week I had launched a library called Ogygia. It provides islands, Server Islands, Lakes, and all that nice stuff which allows making your Page's JS scale according to what you mark as interactive

I have overhauled all that, and realized that Ive built a machinery to render a Svelte Component on the server, send it over the wire to client, and having it hydrate there normally, with proper JS and interactivity rules. Basically, dissolving another aspect of client:server boundary.

Page: https://ogygia.puruvj.dev/docs/regions/held-regions

Ah and Ive launched content collections too, so, just point it at your .md/.svx files, and render them on your page using `<Region of={data.body} />`, and voila! JS-less md-html render, with all island imports within the .svx files preserved. works for builder io blocks as well:

https://ogygia.puruvj.dev/docs/content/collections

Hey SSG lovers! I am building statica an HTML native SSG. https://github.com/akaizn-junior/statica. statica is Just HTML. Would love for you to give it a try and give me feedback!