Sign in

{Bhide}.Svelte

@bhidesvelte.bsky.social
172 followers 166 following 211 posts

I Love Svelte Building Svelte Animations, Svelte AI Elements, Marketing Blocks bhide.dev

PostsRepliesMedia
Reposted by {Bhide}.Svelte
rich harris @rich-harris.dev · 01/10/2026
your favourite framework just got a lil' upgrade
721116
Reposted by {Bhide}.Svelte
Simon H @dummdidumm.bsky.social · 01/10/2026
SvelteKit 3 is out! Better environment variable handling, better error messages, and sensible breaking changes with an easy upgrade thanks to our migration script which handles many things automatically and gives you(r agent) a nice Todo list for the rest.
1364
{Bhide}.Svelte @bhidesvelte.bsky.social · 22/09/2026
New Svelte Fancy Component: Parallax Floating Create smooth layered parallax effects that respond to pointer & touch movement. • Custom depth • Smooth movement • Works with text, images, videos & SVG Live: sv-animations.vercel.app/fancy/parall...
020
{Bhide}.Svelte @bhidesvelte.bsky.social · 13/09/2026
Introducing Svelte Chanhdai Components ✨ A Svelte port of Chanh Dai’s portfolio components. • 20+ components • Free & open source • Install via shadcn-svelte CLI Live: sv-chanhdai.vercel.app
sv-chanhdai.vercel.app
Svelte Chanhdai Components & Blocks
Explore free, open-source Svelte 5 components and animated UI blocks ported from Chánh Đại, with live previews, examples, and installation guides.
082
Reposted by {Bhide}.Svelte
matia 🇭🇷 @joyofcode.xyz · 07/09/2026
I made a Svelte component wrapper around Rough.js for creating graphics with a hand-drawn, sketchy appearance 😄
26910
{Bhide}.Svelte @bhidesvelte.bsky.social · 03/09/2026
Added a new Flow component to Svelte Animations. Inspired by Kumo UI, with 10+ examples covering different flows, layouts, custom nodes, and more. Live: sv-animations.vercel.app/magic/docs/c...
090
Reposted by {Bhide}.Svelte
Jaydip Sanghani @jaydip.me · 23/08/2026
so it's finally done, I learned to create vector illustrations for this. Teenage engineering inspired site. p1.jaydip.me
p1.jaydip.me
P-I
a limited edition pocket calculator
1143
Reposted by {Bhide}.Svelte
matia 🇭🇷 @joyofcode.xyz · 23/08/2026
Animated solar system tour 🚀
2272
Reposted by {Bhide}.Svelte
matia 🇭🇷 @joyofcode.xyz · 20/08/2026
I remember this presentation tool Prezi where you can pan, zoom, and rotate content so I tried recreating the same thing in Animotion 😄
161
Reposted by {Bhide}.Svelte
Ben McCann @benmccann.com · 16/08/2026
You can now write mobile apps with Svelte as the UI layer while leveraging the React Native infrastructure!! github.com/OneEyed1366/... This package is already published to npm! It's using a build of an unmerged PR for custom renderers by @paolo.ricciuti.me, but give it a try today!
github.com
GitHub - OneEyed1366/symbiote-native: React Native's internals — Fabric, Yoga, Hermes — as a universal native rendering layer. Drive the real iOS/Android stack from several UI framework: React, Vue 3,...
React Native's internals — Fabric, Yoga, Hermes — as a universal native rendering layer. Drive the real iOS/Android stack from several UI framework: React, Vue 3, Angular and Svelte today, Soli...
2458
{Bhide}.Svelte @bhidesvelte.bsky.social · 15/08/2026
11 New Svelte Data Tables Blocks Built on top of @tanstack.com Table V9 Includes: 1. Row selection 2. Pagination 3. Column filters 4. Draggable columns 5. Pinnable columns 6. Complex table and more.... Live: sv-table.vercel.app/blocks
170
Reposted by {Bhide}.Svelte
rich harris @rich-harris.dev · 14/08/2026
stable release coming soon! get yer bug reports in while you can the post contains a summary of what's changed. there's also a migration guide: next.svelte.dev/docs/kit/mig.... both were written by humans
28611
{Bhide}.Svelte @bhidesvelte.bsky.social · 11/08/2026
Better filtering for Svelte data tables. Add flexible table filtering with: • Text • Date • Range • Options Install directly via the shadcn-svelte CLI. Live: sv-table.vercel.app/components/f...
180
Reposted by {Bhide}.Svelte
Ben McCann @benmccann.com · 08/08/2026
The two pieces to being able to write React Native in Svelte now exist! There's just one more piece of glue code needed! github.com/OneEyed1366/...
github.com
Svelte support · Issue #47 · OneEyed1366/symbiote-native
Svelte React Native?! Awesome!! This project is just what we've needed in the Svelte ecosystem. I'm a Svelte maintainer and wanted to share a pointer. The other half of implementing a Svelte React ...
1394
{Bhide}.Svelte @bhidesvelte.bsky.social · 07/08/2026
Added 16 New components to Svelte Data-table Components Header, Global Search, Pagination, Filters, View & more sv-table.vercel.app/docs/introdu...
sv-table.vercel.app
Introduction
Reusable Svelte 5 table components and examples built on TanStack Table v9.
090
Reposted by {Bhide}.Svelte
oekazuma @oekazuma.bsky.social · 21/07/2026
svelte-meta-tags now ships Agent Skills 🤖 🛠️ svelte-meta-tags-setup — scaffolds the right SvelteKit pattern ✅ svelte-meta-tags-companion — catches common mistakes as you code npx skills add oekazuma/svelte-meta-tags github.com/oekazuma/sve...
052
{Bhide}.Svelte @bhidesvelte.bsky.social · 12/07/2026
Added a new App Shell component to Svelte Marketing Blocks. • Light & dark mode support • Fully responsive • Install with the shadcn-svelte CLI Live: sv-efferd.pages.dev/blocks/app-s...
050
Reposted by {Bhide}.Svelte
matia 🇭🇷 @joyofcode.xyz · 09/07/2026
I use a simple animation system in Svelte for these FLIP animations in my videos where I define views for Tailwind classes based on the state and it works like magic 🪄
0112
{Bhide}.Svelte @bhidesvelte.bsky.social · 09/07/2026
New Look: Svelte Marketing Blocks sv-efferd.pages.dev
A clean landing page showcasing 60+ Svelte marketing blocks with a hero section, category cards, and a minimal, modern interface.
050
Reposted by {Bhide}.Svelte
Sean Lynch @techniq.dev · 02/07/2026
📊 LayerChart 2.0 is officially released! After ~16 months of development and 67 pre-releases, the official 2.0.0 release has been published! 🎉 This includes the Svelte 5 rewrite, CSS framework agnostic, improved API and state, numerous new components and chart types, and so much more!
1110019
{Bhide}.Svelte @bhidesvelte.bsky.social · 30/06/2026
New Update: 10 New Table Components using Shadcn Svelte Added simple and easy-to-use table components in Svelte QBlocks. Inspired by COSS UI Particles. Live: sv-particles.vercel.app/particles/ta...
030
{Bhide}.Svelte @bhidesvelte.bsky.social · 23/06/2026
Added 2 New Components to Svelte Fancy Components 1. Pixel Trail 2. Pixelate SVG Filter Install with the shadcn-svelte CLI. Free & open source. Live Preview: sv-animations.vercel.app/fancy/pixel-...
090
Reposted by {Bhide}.Svelte
Piccalilli @piccalilli.front-end.social.ap.brid.gy · 17/06/2026
This is just absolutely stunning work. diamond.jaydip.me/read
diamond.jaydip.me
How Diamonds are Made?
Journey of a very old rock.
1122
{Bhide}.Svelte @bhidesvelte.bsky.social · 16/06/2026
New Update: Svelte Animations - 10 New Components - Ported Fancy Components to Svelte - Install via shadcn-svelte CLI - Free & Open-Source Credits: Inspired from daniel petho's work 🙇 Live: sv-animations.vercel.app/fancy
0140
{Bhide}.Svelte @bhidesvelte.bsky.social · 13/06/2026
New Project: Svelte Particles 50+ Useful Shadcn Blocks. Inspired from COSS UI Free & open source Just copy, paste, and ship😁 Live: sv-particles.vercel.app
Svelte Particles Home Page - Shadcn-Svelte Blocks
1130
{Bhide}.Svelte @bhidesvelte.bsky.social · 10/06/2026
New Project: Svelte Globe Examples Simple examples to help you create 3D globes in Svelte using cobe. Live: sv-globe.vercel.app/examples
2220
Reposted by {Bhide}.Svelte
sean @deamplified.com · 09/06/2026
this SVG optimization of the svelte logo is really cool (and fun to play with) svelte.dev/playground/9...
svelte.dev
Svelter Logo • Playground • Svelte
Web development for the rest of us
061
Reposted by {Bhide}.Svelte
Antoine @antleth.fr · 04/06/2026
SvelteKit 2.63.0 just got released, and env vars are now handled much better than before! 🔥 Here is a quick recap:
<!-- Before -->
<script>
  // Requires running at least `svelte-kit sync` to discover
  // Requires `publicPrefix` prefix
  // Always `string`
  import { PUBLIC_APP_ID } from "$env/static/public";
  // Properties require `publicPrefix` prefix
  // Properties can be arbitrary, thus typoed
  // Properties always `string | undefined`
  // Conflicts with the same import from `$env/dynamic/private`
  import { env } from "$env/dynamic/public";
  // Same logic with the `.../private"` counterparts (without
  // the prefix limitation)
</script>// After
// `src/env.ts`
import { defineEnvVars } from "@sveltejs/kit/hooks";
import * as v from "valibot"; // or any Standard Schema-compatible lib

export const variables = defineEnvVars({
  DEBUG: {
    public: true, // defaults to private (`false`), no need for a prefix
    static: true, // evaluated at build-time (like `"$env/static/...`), can be used for treeshaking (defaults to `false` = evaluated at runtime)
    description: "Enable debug logs and devtools", // LSP documentation!
    schema: v.pipe( // optional validation schema
      v.optional(v.string(), ""), // can both be validated...
      v.transform(str => !!str) // ...and converted to any type with a single schema!
    )
  },
  // ...
});

// Can then be imported with:
import { DEBUG } from "$app/env/public"; // or `/private` if `public: false`
// Typed as `boolean`, eliminates conditional branches depending on its value,
// AND carries its description on hover!// Still experimental! Enable it since Sveltekit 2.63 with the following config:
// svelte.config.js
export default {
  kit: {
    experimental: {
      explicitEnvironmentVariables: true
    }
  }
};

// OR
// vite.config.ts
import adapter from "@sveltejs/adapter-auto";
import { sveltekit } from "@sveltejs/kit/vite";
import { defineConfig } from "vite";

export default defineConfig({
  plugins: [
    sveltekit({
      // ...
      adapter: adapter(),
      experimental: {
        explicitEnvironmentVariables: true
      }
    })
  ]
});
3364
Reposted by {Bhide}.Svelte
rich harris @rich-harris.dev · 30/05/2026
the single biggest criticism svelte has received over the years is 'you can't have multiple components in a file'. so we fixed it! by making them unnecessary. with declaration tags (svelte.dev/docs/svelte/...), snippets/each blocks/etc can have their own state: svelte.dev/playground/a...
a screenshot of https://svelte.dev/playground/aaac159f0f73466bb3859dfed6792cab?version=latest, demonstrating state-in-snippets
1120118
Reposted by {Bhide}.Svelte
matia 🇭🇷 @joyofcode.xyz · 31/05/2026
Svelte added a new feature so you're able to define variables anywhere in a Svelte component 🔥
3625
{Bhide}.Svelte @bhidesvelte.bsky.social · 25/05/2026
New Version of Svelte AI Elements coming sooon.....
060
Reposted by {Bhide}.Svelte
matia 🇭🇷 @joyofcode.xyz · 25/05/2026
Added a timeline and rendering options
1121
Reposted by {Bhide}.Svelte
Ilja @fubits.dev · 23/05/2026
SvelteKit 2.61.0 is out. Imho the changelog reads like a major step forward towards the final shape of the remote functions API 🤔 Read the PR: github.com/sveltejs/kit... "So, TL;DR, now you can use queries anywhere."
svelte-changelog.dev
@sveltejs/kit | Svelte Changelog
A nice UI to stay up-to-date with Svelte releases
1242
Reposted by {Bhide}.Svelte
{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 22/05/2026
What do you mean tmcp has 1 million weekly downloads? Thanks to @reinhold.is for making me notice (and to use tmcp for storybook mcp addon which account for 99% of tmcp downloads lol)
A graph showing tmcp weekly download at 1.1 millions
5162
Reposted by {Bhide}.Svelte
matia 🇭🇷 @joyofcode.xyz · 21/05/2026
I'm pleased with how the Svelte sandbox for interactive examples in my posts turned out 😄
1292
{Bhide}.Svelte @bhidesvelte.bsky.social · 21/05/2026
New Portfolio : bhide.dev
Bhide Svelte Portfolio
2170
Reposted by {Bhide}.Svelte
Sean Lynch @techniq.dev · 12/05/2026
📊 LayerChart: Dodge, Waffle, and more 🏃 New Dodge component 🧇 New Waffle component 🖼️ Canvas: Blur support, improved Pattern (pixel-perfect alignment with SVG, high DPI) 🏎️ Perf improvements details👇
1165
{Bhide}.Svelte @bhidesvelte.bsky.social · 13/05/2026
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 Preview: sv-matrix.vercel.app
sv-matrix.vercel.app
Svelte Dot Matrix Loaders - Free & Open-Source
50+ free and open-source dot-matrix loaders for Svelte, built with TypeScript and Tailwind CSS.
3132
Reposted by {Bhide}.Svelte
Alexander Lichter @thealexlichter.com · 12/05/2026
Yes! @svelte.dev goes from 🔴 -> 💚 on the Oxfmt side 🔥 You can now format your Svelte components with Oxfmt too. See oxc.rs/docs/guide/u... for more details
Screenshot of https://oxc.rs/compatibility.html showing Svelte Oxfmt compat!
3888
Reposted by {Bhide}.Svelte
Josh Nussbaum @joshnuss.com · 08/05/2026
Does any company want to sponsor the work to upgrade svelte-persisted-store to Svelte 5? It gets ~350K downloads per month npmx.dev/package/svel...
3155
Reposted by {Bhide}.Svelte
Thomas G. Lopes @thomas.rocks · 06/05/2026
I'm getting hyped on Svelte again. Not-too-practical-but-fun-example: synced bad apple Using `query.live` from SvelteKit's remote functions, super easy to do. Demo: sve.thomas.rocks/examples/bad...
0367
Reposted by {Bhide}.Svelte
Ilja @fubits.dev · 02/05/2026
TIL from @syntax.fm (#997) about github.com/SikandarJODD...: It’s a Svelte version of www.agentation.com and enables UI annotations as feedback for agents. And then I open this month‘s what’s new in Svelte newsletter and it’s featured there as well: svelte.dev/blog/whats-n...
github.com
GitHub - SikandarJODD/sv-agentation: Svelte Agentation : The visual feedback tool for agents.
Svelte Agentation : The visual feedback tool for agents. - SikandarJODD/sv-agentation
241
Reposted by {Bhide}.Svelte
Sean Lynch @techniq.dev · 30/04/2026
📊 LayerChart: "svelte" edition 🪶 The latest release reduces bundle sizes by 50-70%+ ✔︎ Layer-specific components/imports ✔︎ New `ChartCore` for further reduced bundles ✔︎ Lazy load interactivity ✔︎ Faster Svelte REPL usage ✔︎ SSR images (0KB client-side) 🧵 more...
2375
Reposted by {Bhide}.Svelte
Ilja @fubits.dev · 25/04/2026
Some random facts: - current Svelte version is 5.55.5 - it’s the 587th update for Svelte 5 (est. 2023-11-10) - SvelteKit had 213 - April 2026 means that I’ve been using v5 for ~2 years now I’m still discovering new perks each week, but by now I think I’ve looked at each API & config once at least?
lab.fubits.dev
Svelte 5 & SvelteKit 2 Journey
1263
Reposted by {Bhide}.Svelte
rich harris @rich-harris.dev · 17/04/2026
svelte is officially Enterprise Ready™. tell your CTO on linkedin www.thoughtworks.com/radar/langua...
ha ha! svelte!
919417
{Bhide}.Svelte @bhidesvelte.bsky.social · 13/04/2026
Added 3 New Components to Svelte Animations • Backlight • Fallback Avatar • Tilt Card You can now add subtle glow effects, better avatar fallbacks, and interactive tilt cards to your Svelte apps. Live: sv-animations.vercel.app/spell/tilt-c...
1150
Reposted by {Bhide}.Svelte
{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 04/04/2026
And they say you can't do everything with Svelte...dunno it seems pretty capable U_U I'm gonna replace all my git usage with this. lol
6859
{Bhide}.Svelte @bhidesvelte.bsky.social · 03/04/2026
Introducing Svelte Spell UI It includes 21 High Quality Animation Features: • Install via shadcn-svelte CLI • Built with Svelte, Tailwind CSS and Motion-SV • Free and open source Live: sv-animations.vercel.app/spell GitHub: github.com/SikandarJODD...
1130
Reposted by {Bhide}.Svelte
rich harris @rich-harris.dev · 01/04/2026
not an april fools joke: svelte is no longer just a web framework (or rather, won't be once we merge @paolo.ricciuti.me's magnum opus). have seen some extremely cool demos of this
1322728
Reposted by {Bhide}.Svelte
Sean Lynch @techniq.dev · 31/03/2026
📊 Massive LayerChart update (6 months in the making…) Data-driven primitives, overhauled state (transform, brush, series, tooltip), 10+ new components (image, statistical, spatial), canvas improvements, chart export (png, svg), new docs, and so much more! next.layerchart.com/docs/guides/...
next.layerchart.com
@next → state-refactor | LayerChart
Composable Svelte chart components to build a large variety of visualizations
2439