--- title: Best Svelte posts of 2025 | daily.dev description: The most upvoted Svelte posts of 2025, curated by the daily.dev community. canonical: https://daily.dev/tags/svelte/best-of/2025 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/svelte/best-of/2025 og:type: website og:site_name: daily.dev og:title: Best Svelte posts of 2025 | daily.dev og:description: The most upvoted Svelte posts of 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Svelte — 2025 1. 1 [](/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc "Neodrag: One draggable to rule them all") Article Community Picks · 1y Neodrag: One draggable to rule them all Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It features a small bundle size (3.46KB), server-side rendering compatibility, TypeScript support, and consistent behavior across all supported frameworks through shared core logic. 465 27 2. 2 [](/posts/animated-3d-sphere-intersection-using-css-and-trigonometry-zjfjbtrte "Animated 3D Sphere Intersection Using CSS And Trigonometry") Video Joy of Code · 1y Animated 3D Sphere Intersection Using CSS And Trigonometry Learn step-by-step how to construct a dynamic and animated 3D sphere intersection using CSS and trigonometry principles. Explore techniques for styling elements with gradients, positioning in 3D space, and using transformations. Discover how to dynamically animate circles with trigonometric calculations to achieve pulsating effects. 135 2 3. 3 [](/posts/vert-sh-vert-the-next-generation-file-converter-open-source-fully-local-and-free-forever--t90sjcjow "VERT-sh/VERT: The next-generation file converter. Open source, fully local* and free forever.") Article Community Picks · 1y VERT-sh/VERT: The next-generation file converter. Open source, fully local\* and free forever. VERT is an open-source, next-generation file conversion utility that runs locally on your device using WebAssembly. It supports multiple file formats without size limits and has a user-friendly interface built with Svelte. The project can be run locally or via Docker, and there are instructions for both methods available. The tool ensures privacy by allowing self-hosting for local functionality, although non-local video conversion is also available. The code is licensed under the AGPL-3.0 License. 123 4 4. 4 [](/posts/why-the-latest-javascript-frameworks-are-a-waste-of-time-ho7ziron5 "Why the Latest JavaScript Frameworks Are a Waste of Time") Article DEV · 2y Why the Latest JavaScript Frameworks Are a Waste of Time Constantly switching between the latest JavaScript frameworks is often unproductive and disruptive to long-term development goals. Although innovation in frameworks is attractive, consistently relearning new systems can distract from actually building projects. Core programming skills, understanding JavaScript deeply, system design, and writing maintainable code are more valuable for becoming a better developer. Companies prioritize stability and maintainability, which is why frameworks like React and Angular remain dominant in the job market. 107 13 5. 5 [](/posts/i-tried-svelte-and-instantly-got-125-000-job-d5bkvp1cd "I tried Svelte and Instantly Got $125,000 Job") Video Tsoding Daily · 2y I tried Svelte and Instantly Got $125,000 Job In this post, the author shares their experience trying Svelte for front-end web development. Initially, they express skepticism and frustration with the framework's conventions and documentation. Through a humorous and candid exploration, they delve into Svelte's features, such as its compiler, state management, and templating system. Despite some difficulties and a steep learning curve, they acknowledge the interesting and unique aspects of the framework for building user interfaces. 90 6. 6 [](/posts/svelte-5-is-not-javascript-ozvhe45ah "Svelte 5 is not Javascript") Article Hacker News · 2y Svelte 5 is not Javascript Svelte 5 introduces significant changes focused on 'deep reactivity' to enhance performance. However, these updates lead to more complex abstractions like the use of proxies and implicit component lifecycle states, making debugging and development more challenging. The post discusses both the benefits and the issues, particularly around the introduction of proxies and component lifecycles, and reflects on the trade-offs between performance and simplicity in software design. 85 19 7. 7 [](/posts/what-s-new-in-svelte-december-2025-wjnzckw8n "What’s new in Svelte: December 2025") Article Svelte Blog · 45w What’s new in Svelte: December 2025 Svelte Society launched a new dynamic website featuring community content feeds and user submissions. SvelteKit 2.49.0 introduces file upload streaming in forms, while Svelte 5.45.0 adds a print API for AST-to-source conversion and a hydratable API for coordinating hydration. The Svelte CLI now supports adding add-ons during project creation. Apple's web-based App Store joins other Apple products built with Svelte. New community tools include better-svelte-email for email rendering, chain-enhance for sequential form actions, and various UI component libraries. 83 1 8. 8 [](/posts/react-won-by-default-and-it-s-killing-frontend-innovation-hmsbmqpza "React Won by Default – And It's Killing Frontend Innovation") Article Hacker News · 1y React Won by Default – And It's Killing Frontend Innovation React's dominance stems from default adoption rather than technical merit, creating a self-perpetuating cycle that stifles frontend innovation. Alternative frameworks like Svelte, Solid, and Qwik offer superior performance through compile-time optimizations, fine-grained reactivity, and resumability, but struggle for adoption due to network effects. This monoculture creates technical debt, limits skill diversity, and slows ecosystem evolution. Breaking free requires deliberate framework evaluation based on project constraints rather than momentum, considering factors like performance needs, team skills, and long-term maintenance costs. 74 24 9. 9 [](/posts/svelte-5-complete-course-2025--xea4jtcwf "Svelte 5 Complete Course ( 2025 )") Video HuXn WebDev · 1y Svelte 5 Complete Course ( 2025 ) Svelte 5 is a modern JavaScript framework that compiles components into optimized vanilla JavaScript at build time, eliminating runtime bloat. Unlike React or Vue.js which use virtual DOM, Svelte directly updates the DOM for better performance. The framework features component-based architecture, reactive state management with runes, props for data passing between components, text interpolation for dynamic content, conditional rendering, loops with each blocks, snippets for reusable markup, and side effects handling. Key concepts include state management using state runes, derived values, children props for passing HTML content, and event handling with on:click syntax. 74 4 10. 10 [](/posts/ripple-a-new-framework-that-takes-the-best-of-everything-lw0mjnmhu "Ripple: a new framework that takes the best of everything") Video Theo - t3․gg · 1y Ripple: a new framework that takes the best of everything Ripple is a new TypeScript UI framework created by Dominic Gannaway, one of React's original creators and a lead Svelte maintainer. The framework combines the best features of React, Solid, and Svelte into a JavaScript-first approach with reactive state management using dollar sign prefixes. Key features include component-based architecture, JSX-like syntax with enhancements, built-in TypeScript support, and the ability to write JavaScript statements directly within markup. Ripple introduces new keywords like 'component' and allows flexible code organization where developers can intersperse TypeScript and markup as needed, rather than following strict file structure requirements. 70 7 11. 11 [](/posts/jsdoc-is-typescript-grcwgvxzb "JSDoc *is* TypeScript") Article Hacker News · 43w JSDoc \*is\* TypeScript JSDoc is not an alternative to TypeScript but rather a way to use TypeScript itself. The TypeScript language service powers IntelliSense and interprets JSDoc comments, meaning developers using JSDoc are already using TypeScript without a build step. The Svelte team's 2023 switch from .ts files to JSDoc wasn't anti-TypeScript but a different approach to the same static analysis. JSDoc offers nearly all TypeScript features (except runtime features like enums), provides better code navigation by jumping to actual implementations instead of declaration files, and works with existing TypeScript tooling including type generation libraries. 67 10 12. 12 [](/posts/using-grok-4-in-the-frontend-development-here-s-what-i-ve-learned-4vfmkuvkt "Using Grok 4 in the frontend development: Here’s what I’ve learned") Article LogRocket · 1y Using Grok 4 in the frontend development: Here’s what I’ve learned Grok 4 dominates academic benchmarks and mathematical reasoning but struggles with practical frontend development tasks. Testing shows it requires more iterations, costs significantly more ($3.31 vs $0.30-0.47 for competitors), and delivers inferior results compared to Claude Sonnet, Gemini, or Kimi K2 for UI builds, animations, and CSS work. While excellent for algorithmic challenges and backend-heavy features, Grok 4 ranks #12 in WebDev Arena compared to Claude's #1 position, making it an expensive choice for frontend developers. 67 6 13. 13 [](/posts/gpt-5-is-here-can-it-win-back-programmers--ommtzp9pu "GPT-5 is here... Can it win back programmers?") Video Fireship · 1y GPT-5 is here... Can it win back programmers? OpenAI released GPT-5, claiming it's the first AI to outperform humans on certain benchmarks, but the reality is more nuanced. While GPT-5 unifies multiple models for better task routing and costs significantly less than competitors at $10 per million tokens, it still has limitations in coding tasks. Testing shows it can generate functional Svelte applications but makes errors with framework-specific rules. The model represents more of a consolidation effort than a revolutionary breakthrough, and programmers' jobs remain safe for now. 67 4 14. 14 [](/posts/trends-that-defined-javascript-in-2025-qmioldgd4 "Trends That Defined JavaScript in 2025") Article The New Stack · 42w Trends That Defined JavaScript in 2025 JavaScript in 2025 saw a shift toward performance optimization and web standards, with developers questioning React's dominance as modern browsers matured. Signals emerged as a key reactivity pattern across Angular, Vue, Solid, and Svelte. Compilers took on more optimization work, with React Compiler and Svelte 5's Runes automating performance improvements. VoidZero launched Vite+ as a unified Rust-based toolchain to address JavaScript's fragmentation. AI integration moved to the frontend through MCP servers and browser-based machine learning libraries, while new frameworks like Hono, Mastro, and Wasp addressed specific use cases from edge computing to multipage apps. 61 15. 15 [](/posts/react-and-svelte-had-a-secret-love-child--srknnndpp "React and Svelte had a secret love child…") Video Fireship · 49w React and Svelte had a secret love child… Ripple is a new TypeScript UI framework created by Dominic Galloway, former React and Svelte core team member. It combines JSX-like syntax with compiler-driven rendering, allowing statements (if/for loops) directly in templates instead of just expressions. Features include fine-grained reactivity using track functions with @ syntax, scoped CSS styling, and full TypeScript integration with tooling support for Prettier, ESLint, and VS Code. 59 1 16. 16 [](/posts/what-s-new-in-svelte-november-2025-jec743u9q "What’s new in Svelte: November 2025") Article Svelte Blog · 49w What’s new in Svelte: November 2025 Svelte 5.40-5.42 introduces typed contexts with createContext, $state.eager rune for immediate UI updates, and fork API for offscreen state changes. SvelteKit 2.44-2.48 adds event.route and event.url to remote functions, implicit form IDs, programmatic validation, AbortSignal support, and fork API integration. The official Svelte MCP server launches with documentation for AI-assisted development. Community highlights include new apps like Deep Time and Ririkku, learning resources covering remote functions and reactivity, and library updates including Skeleton v5 and TanStack Query v6 with runes support. 60 17. 17 [](/posts/what-s-new-in-svelte-october-2025-x3yrtkhcn "What’s new in Svelte: October 2025") Article Svelte Blog · 1y What’s new in Svelte: October 2025 Svelte's October 2025 update introduces improved remote functions with batching capabilities and lazy discovery, experimental async SSR support, and the ability to create projects from Svelte playground URLs. The release includes enhanced form handling with schema support, performance optimizations, and various bug fixes across Svelte, SvelteKit, and the CLI tool. 48 18. 18 [](/posts/evan-you-s-thoughts-on-the-nuxt-acquisition-s0op7uyuv "Evan You's thoughts on the Nuxt acquisition") Article Vuejs&Nuxtjs · 1y Evan You's thoughts on the Nuxt acquisition 43 6 19. 19 [](/posts/building-a-real-time-dashboard-with-fastapi-and-svelte-tai71vd6i "Building a Real-time Dashboard with FastAPI and Svelte") Article TestDriven.io · 2y Building a Real-time Dashboard with FastAPI and Svelte Learn to build a real-time analytics dashboard using FastAPI and Svelte, utilizing server-sent events (SSE) for live data updates. This tutorial covers setting up a FastAPI backend, creating a Svelte frontend with SvelteKit, implementing interactive charts with Chart.js, managing real-time data updates, and incorporating alert notifications and configurable settings. 42 20. 20 [](/posts/building-a-real-time-dashboard-with-flask-and-svelte-abvxcu2qm "Building a Real-time Dashboard with Flask and Svelte") Article TestDriven.io · 2y Building a Real-time Dashboard with Flask and Svelte Learn to build a real-time analytics dashboard using Flask for the backend and Svelte for the frontend. The tutorial covers setting up a Flask backend with server-sent events (SSE) for real-time data streaming, creating a Svelte application using SvelteKit, and implementing interactive charts and graphs. Additionally, it includes handling real-time data updates and adding configurable alert thresholds for monitoring sensor data. 41 21. 21 [](/posts/svelte-just-got-a-new-feature-and-web-dev-is-changing-again--y3mpungph "Svelte just got a new feature and web dev is changing AGAIN...") Video Awesome · 1y Svelte just got a new feature and web dev is changing AGAIN... SvelteKit introduces experimental remote functions that allow developers to call server-side code directly from client components while maintaining type safety and security. These functions eliminate the need for separate API routes and fetch boilerplate by providing four types: query (for reading data), form (for HTML form handling), command (for server actions), and pre-render (for build-time data generation). The feature represents a shift toward tighter integration between frontend and backend development, though it remains experimental and subject to breaking changes. 40 7 22. 22 [](/posts/what-s-new-in-svelte-january-2026-gl0fove4e "What’s new in Svelte: January 2026") Article Svelte Blog · 41w What’s new in Svelte: January 2026 Svelte 5.46.0 adds CSP support for hydration, the Vercel adapter now supports Node 24, and the Svelte CLI can fully configure SvelteKit projects for Cloudflare deployment. The Svelte MCP exposes tools as both JS API and CLI, while language-tools received significant performance improvements. The community showcased new apps including GCal Wrapped, Text Processing Studio, and Flumio, alongside learning resources like a complete SvelteKit course and tutorials on AI code generation with Svelte 5. 38 23. 23 [](/posts/building-a-honeypot-field-that-works-4ddy5bimc "Building a Honeypot Field That Works") Article CSS-Tricks · 51w Building a Honeypot Field That Works Honeypot fields remain effective for preventing spam form submissions in 2025 without requiring reCAPTCHA. The key is avoiding common detection patterns: use regular text inputs instead of hidden fields, hide them with external CSS rather than inline styles, and use legitimate-sounding names like 'occupation' instead of 'honeypot'. Additional protection includes detecting user interactions through mouse movements, keyboard events, and form completion time using JavaScript. The article provides ready-to-use components for Svelte and Astro, plus vanilla JavaScript utilities for implementing these spam prevention techniques. 36 4 24. 24 [](/posts/astro-5-14-l8wd2gneh "Astro 5.14") Article Astro · 1y Astro 5.14 Astro 5.14 introduces several developer experience improvements including prerendered route collision warnings to catch routing conflicts, route patterns in getStaticPaths for complex dynamic routes, async rendering support for Svelte components, React 19 Actions integration with useActionState, and enhanced database support with libSQL for non-Node.js environments. Additional features include sitemap namespace configuration, programmatic font data access, and a new SvgComponent type for better TypeScript support. 34 [See all Svelte archives](/tags/svelte/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/svelte/best-of/2025#page","url":"https://daily.dev/tags/svelte/best-of/2025","name":"Best Svelte Posts of 2025","description":"The most upvoted Svelte posts of 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/svelte/best-of/2025#items","numberOfItems":24,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc","name":"Neodrag: One draggable to rule them all"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/animated-3d-sphere-intersection-using-css-and-trigonometry-zjfjbtrte","name":"Animated 3D Sphere Intersection Using CSS And Trigonometry"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/vert-sh-vert-the-next-generation-file-converter-open-source-fully-local-and-free-forever--t90sjcjow","name":"VERT-sh/VERT: The next-generation file converter. Open source, fully local* and free forever."},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/why-the-latest-javascript-frameworks-are-a-waste-of-time-ho7ziron5","name":"Why the Latest JavaScript Frameworks Are a Waste of Time"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/i-tried-svelte-and-instantly-got-125-000-job-d5bkvp1cd","name":"I tried Svelte and Instantly Got $125,000 Job"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/svelte-5-is-not-javascript-ozvhe45ah","name":"Svelte 5 is not Javascript"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/what-s-new-in-svelte-december-2025-wjnzckw8n","name":"What’s new in Svelte: December 2025"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/react-won-by-default-and-it-s-killing-frontend-innovation-hmsbmqpza","name":"React Won by Default – And It's Killing Frontend Innovation"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/svelte-5-complete-course-2025--xea4jtcwf","name":"Svelte 5 Complete Course ( 2025 )"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/ripple-a-new-framework-that-takes-the-best-of-everything-lw0mjnmhu","name":"Ripple: a new framework that takes the best of everything"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/jsdoc-is-typescript-grcwgvxzb","name":"JSDoc *is* TypeScript"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/using-grok-4-in-the-frontend-development-here-s-what-i-ve-learned-4vfmkuvkt","name":"Using Grok 4 in the frontend development: Here’s what I’ve learned"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/gpt-5-is-here-can-it-win-back-programmers--ommtzp9pu","name":"GPT-5 is here... Can it win back programmers?"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/trends-that-defined-javascript-in-2025-qmioldgd4","name":"Trends That Defined JavaScript in 2025"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/react-and-svelte-had-a-secret-love-child--srknnndpp","name":"React and Svelte had a secret love child…"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/what-s-new-in-svelte-november-2025-jec743u9q","name":"What’s new in Svelte: November 2025"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/what-s-new-in-svelte-october-2025-x3yrtkhcn","name":"What’s new in Svelte: October 2025"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/evan-you-s-thoughts-on-the-nuxt-acquisition-s0op7uyuv","name":"Evan You's thoughts on the Nuxt acquisition"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/building-a-real-time-dashboard-with-fastapi-and-svelte-tai71vd6i","name":"Building a Real-time Dashboard with FastAPI and Svelte"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/building-a-real-time-dashboard-with-flask-and-svelte-abvxcu2qm","name":"Building a Real-time Dashboard with Flask and Svelte"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/svelte-just-got-a-new-feature-and-web-dev-is-changing-again--y3mpungph","name":"Svelte just got a new feature and web dev is changing AGAIN..."},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/what-s-new-in-svelte-january-2026-gl0fove4e","name":"What’s new in Svelte: January 2026"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/building-a-honeypot-field-that-works-4ddy5bimc","name":"Building a Honeypot Field That Works"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/astro-5-14-l8wd2gneh","name":"Astro 5.14"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Svelte","item":"https://daily.dev/tags/svelte"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/svelte/best-of"},{"@type":"ListItem","position":5,"name":"2025"}]}]} ```