# Threlte

Published articles for Threlte.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js

DevFeed: [Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js](<https://devfeed.tech/articles/building-a-real-time-3d-face-mask-with-mediapipe-threlte-and-three-js-4342.md>)

Original publisher: [Read original article](<https://tympanus.net/codrops/2026/09/06/building-a-real-time-3d-face-mask-with-mediapipe-threlte-and-three-js/>)

Author: Marek Jóźwiak

Published: 2026-09-06T13:09:52Z

Content type: tutorial

Language: en

Sources: [Codrops](<https://devfeed.tech/sources/codrops.md>)

Topics: [Three.js webcam](<https://devfeed.tech/topics/three-js-webcam.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [3d-face-mask](<https://devfeed.tech/tags/3d-face-mask.md>), [canonical-face-model](<https://devfeed.tech/tags/canonical-face-model.md>), [creative-coding](<https://devfeed.tech/tags/creative-coding.md>), [face-landmarks](<https://devfeed.tech/tags/face-landmarks.md>), [face-mesh](<https://devfeed.tech/tags/face-mesh.md>), [face-tracking](<https://devfeed.tech/tags/face-tracking.md>), [facial-landmarks](<https://devfeed.tech/tags/facial-landmarks.md>), [generative-graphics](<https://devfeed.tech/tags/generative-graphics.md>), [gpu](<https://devfeed.tech/tags/gpu.md>), [inference](<https://devfeed.tech/tags/inference.md>), [interactive-3d](<https://devfeed.tech/tags/interactive-3d.md>), [javascript-3d](<https://devfeed.tech/tags/javascript-3d.md>), [mediapipe](<https://devfeed.tech/tags/mediapipe.md>), [mediapipe-face-landmarker](<https://devfeed.tech/tags/mediapipe-face-landmarker.md>), [mesh](<https://devfeed.tech/tags/mesh.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [real-time-3d](<https://devfeed.tech/tags/real-time-3d.md>), [real-time-face-tracking](<https://devfeed.tech/tags/real-time-face-tracking.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [three-js](<https://devfeed.tech/tags/three-js.md>), [three-js-face-mask](<https://devfeed.tech/tags/three-js-face-mask.md>), [three-js-webcam](<https://devfeed.tech/tags/three-js-webcam.md>), [threlte](<https://devfeed.tech/tags/threlte.md>), [threlte-three-js](<https://devfeed.tech/tags/threlte-three-js.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [video](<https://devfeed.tech/tags/video.md>), [vision](<https://devfeed.tech/tags/vision.md>), [wasm](<https://devfeed.tech/tags/wasm.md>), [webcam](<https://devfeed.tech/tags/webcam.md>), [webcam-effects](<https://devfeed.tech/tags/webcam-effects.md>), [webcam-face-tracking](<https://devfeed.tech/tags/webcam-face-tracking.md>), [webgl](<https://devfeed.tech/tags/webgl.md>), [webgl-face-tracking](<https://devfeed.tech/tags/webgl-face-tracking.md>)

### AI overview

Tutorial on building a real-time textured 3D face mask by mapping MediaPipe face landmarks onto a Three.js mesh with Threlte.

### Source excerpt

Learn how MediaPipe's face landmarks, Google's canonical face model, and Three.js come together to create a real-time textured 3D face mask.

## What's new in Svelte: February 2025

DevFeed: [What's new in Svelte: February 2025](<https://devfeed.tech/articles/what-s-new-in-svelte-february-2025-3078.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-february-2025>)

Author: Dani Sandoval

Published: 2025-02-01T00:00:00Z

Content type: article

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Threlte](<https://devfeed.tech/topics/threlte.md>), [Vite](<https://devfeed.tech/topics/vite.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [code](<https://devfeed.tech/tags/code.md>), [css](<https://devfeed.tech/tags/css.md>), [developer](<https://devfeed.tech/tags/developer.md>), [docs](<https://devfeed.tech/tags/docs.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [releases](<https://devfeed.tech/tags/releases.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [threlte](<https://devfeed.tech/tags/threlte.md>), [vite](<https://devfeed.tech/tags/vite.md>)

### AI overview

A February 2025 roundup of updates to Svelte, SvelteKit, and related language tools, including new types, improved syntax highlighting, framework enhancements, and community projects.

### Source excerpt

The Svelte developer experience got a huge upgrade this month with more exported types and better syntax highlighting in VS Code. Combine that with the huge releases from Storybook, Tailwind and Threlte... and you've got a pretty big month! Let's dive in 🐬 What's new in Svelte Non-numeric values can now be tweened by snapping immediately to the new value (5.17.0, Docs, #14941) const tags are now allowed inside of a svelte:boundary (5.17.5, Docs, #14993) <template> elements are now allowed to contain any child elements (5.18.0, Docs, #15007) ClassValue is now exposed from svelte/elements (5.19.0, Docs), #15035) What's new in SvelteKit and Language Tools Custom identifiers can now be invalidated on goto() navigation (2.16.0, Docs, #13256) The postinstall script has been removed to support pnpm 10 (2.16.0, #13304) users should add "prepare": "svelte-kit sync" to their package.json in order to avoid the a warning upon first running Vite PageProps and LayoutProps types are now provided (2.16.0, #13308) The generics attribute is now supported for JSDoc (svelte2tsx-0.7.32/svelte-check-4.1.2, #2624) Semantic document highlighting makes the document highlights based on semantic/syntactic meaning instead of the current word-based default by VSCode (language-server-0.17.9, Docs, #1408) Community ShowcaseApps & Sites built with Svelte Daily Tokki is daily personalized Korean learning delivered right to your inbox svelte-tower-defence is a tower defense clicker game built with Svelte 5, without canvas, using only CSS transitions and the Runes PraccJS lets you practice JavaScript with real-time code execution Invoice-r calculates what you're owed from the information you give and makes your invoice look good Carry Fit is an online carry-on luggage compliance checker Fiddle (currently in waitlist stage) lets you design, collaborate and experiment in code Kener is a modern status page with batteries included Open TLC is a free, open source CAT (Computer-Assisted Translation) tool M

## What's new in Svelte: May 2024

DevFeed: [What's new in Svelte: May 2024](<https://devfeed.tech/articles/what-s-new-in-svelte-may-2024-3107.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-may-2024>)

Author: Dani Sandoval

Published: 2024-05-01T00:00:00Z

Content type: article

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [changelog](<https://devfeed.tech/topics/changelog.md>), [Development](<https://devfeed.tech/topics/development.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>)

Tags: [changelog](<https://devfeed.tech/tags/changelog.md>), [pre-release](<https://devfeed.tech/tags/pre-release.md>), [saas](<https://devfeed.tech/tags/saas.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [threlte](<https://devfeed.tech/tags/threlte.md>), [updates](<https://devfeed.tech/tags/updates.md>), [videos](<https://devfeed.tech/tags/videos.md>), [web-development](<https://devfeed.tech/tags/web-development.md>), [youtube](<https://devfeed.tech/tags/youtube.md>)

### AI overview

This May 2024 Svelte article announces that Svelte 5 has reached the Release Candidate stage. It highlights pre-release changes such as hot module reloading, global styles, more efficient compiled output and hydration, server-side re-exports from svelte/reactivity, a reactive URL object, and the $host rune. It also links to Svelte Summit talks and showcases community projects.

### Source excerpt

Svelte Summit was last week - featuring a number of fantastic talks from across the community. In the final talk, What You Can Do For Your Framework, Rich Harris (with a little help from PuruVJ's neoconfetti library) announced that Svelte 5 is now in the "Release Candidate". Lots of pre-release changes to cover in this post and a host of community showcase items... so let's dive in! Highlights from Svelte Summit Spring 2024 Below, you'll find links to all the talks in the livestream version of Svelte Summit. Simple and Sustainable web development in academic libraries with Svelte Building a SaaS module for SvelteKit Intro To LayerChart Spatial Programming with Threlte Studio Convex (Sponsored talk) Kitbook: Easily Build, Document, Inspect & Test Svelte Components Fullstack Testing What You Can Do For Your Framework - also covers a ton of the new features listed below These will all get broken up into more sharable (and rewatchable) videos over time, so make sure you subscribe to the Svelte Society YouTube channel to keep up to date. What's new in Svelte Svelte 5 is officially in the Release Candidate stage and gets closer to release every day. Below, you'll find some highlights from its pre-release changelog: Hot module reloading is now supported in Svelte 5 (5.0.0-next.97 and 101, #11106, #11132) It is now possible to define global (or child global) styles in a block (5.0.0-next.111, #11276) Compiled code is even more efficient for if blocks, each blocks and attribute updates (5.0.0-next.83-85, #10906, #10937 and #10917) The built-ins from svelte/reactivity are now re-exported to be available on the server (5.0.0-next.88, Docs, #10973) A new reactive URL object is now available in svelte/reactivity (5.0.0-next.103, Docs, #11157) HTML tags are now faster with more efficient hydration markers (5.0.0-next.90-91, #10986 and #11019) The new $host rune retrieves the this reference of the custom element that contains a component - removing the need for createEventDispatch

## Announcing SvelteKit 2

DevFeed: [Announcing SvelteKit 2](<https://devfeed.tech/articles/announcing-sveltekit-2-3047.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/sveltekit-2>)

Author: The Svelte team

Published: 2023-12-14T00:00:00Z

Content type: release

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Framework](<https://devfeed.tech/topics/framework.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [releases](<https://devfeed.tech/topics/releases.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>)

Tags: [github](<https://devfeed.tech/tags/github.md>), [migration-guide](<https://devfeed.tech/tags/migration-guide.md>), [playwright](<https://devfeed.tech/tags/playwright.md>), [routing](<https://devfeed.tech/tags/routing.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [threlte](<https://devfeed.tech/tags/threlte.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>), [vite](<https://devfeed.tech/tags/vite.md>)

### AI overview

SvelteKit 2 is now available as an incremental release with Vite 5 support, improvements, shallow routing, and an automated migration path. The announcement also describes SvelteKit's growing ecosystem and related developer tooling.

### Source excerpt

Version 2.0 of SvelteKit, the official framework for building apps with Svelte, is now available. It is an incremental release that adds support for the newly-released Vite 5 along with a bevy of small improvements and one much-requested feature. If you've been paying close attention to Svelte in recent months, you'll know that we've been hard at work on Svelte 5, which is possibly the most anticipated release in the project's history. Upgrading to SvelteKit 2 will smooth the path for Svelte 5 when it is released in 2024, and we encourage all users to upgrade when you get a chance. We recommend updating to the most recent 1.x release first, along with Svelte 4, in order to address any deprecation warnings. Then, upgrade to SvelteKit 2 by running the automated migration tool: npx svelte-migrate sveltekit-2 The migration guide has more details about what's new. Shallow routing Way back in the mists of time -- May, to be precise -- we teased a new feature that allows you to associate state with a history entry without causing navigation. It's very useful for creating modals that you can dismiss by swiping back, or pop-up views of routes you don't want to do a full navigation to. That feature is called shallow routing, and this week we finally dusted off the pull request and added it to the framework. We're excited to see what you use it for. One year of SvelteKit Today is the one year anniversary of SvelteKit's launch and we're excited to celebrate how far SvelteKit has come. SvelteKit has been quickly embraced by the web development community: Tweet from @flaviocopes In the past year, we've seen a number of open source projects like Storybook, Tailwind, and Playwright officially support SvelteKit as well as a number of commercial entities like Prismic, Sentry, and InLang. SvelteKit continues to benefit from the Svelte community, which has developed numerous great UI libraries like Skeleton, shadcn-svelte, Melt UI, Flowbite Svelte, daisyUI, and many more. And our first e