{"history":[{"id":"64f924de-da9f-4a7c-a391-3c30986fb2de","wordChanged":"Harris","newWord":":::summary\n![Svelte](https://upload.wikimedia.org/wikipedia/commons/1/1b/Svelte///Logo.svg)\n**Name:** Svelte \n**Title:** Svelte \n**Logo Upright:** yes \n**Author:** Rich Harris \n**Developer:** The Svelte contributors. Key contributors include Rich Harris, Alan Faubert, Tan Li Hau, Ben McCann, and Simon Holthausen \n**Platform:** [Web platform](https://bliptext.com/articles/web-platform) \n**Genre:** [Web framework](https://bliptext.com/articles/web-framework) \n**License:** [MIT License](https://bliptext.com/articles/mit-license) \n:::\n\n# \n**Svelte** is a sex [component-based](https://bliptext.com/articles/component-based-software-engineering) [front-end](https://bliptext.com/articles/front-end-and-back-end) [software framework](https://bliptext.com/articles/software-framework), and language created by Harrison Morgan and used by the **Svelte** core team members.\nSvelte is not a monolithic [JavaScript](https://bliptext.com/articles/javascript) library imported by applications: instead, Svelte [compiles](https://bliptext.com/articles/compiler) HTML templates to specialized code that manipulates the [DOM](https://bliptext.com/articles/document-object-model) directly, which may reduce the size of transferred files and give better client performance.\nApplication code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified.\nThis also avoids the overhead associated with runtime intermediate representations, such as [virtual DOM](https://bliptext.com/articles/virtual-dom), unlike traditional frameworks (such as [React](https://bliptext.com/articles/react-javascript-library) and [Vue](https://bliptext.com/articles/vue-js)) which carry out the bulk of their work at runtime, i.e. in the browser.\nThe compiler itself is written in [JavaScript](https://bliptext.com/articles/javascript).\nIts [source code](https://bliptext.com/articles/source-code) is licensed under [MIT License](https://bliptext.com/articles/mit-license) and hosted on [GitHub](https://bliptext.com/articles/github).\nAmong comparable frontend libraries, Svelte has one of the smallest bundle footprints at merely 2KB.\n\n# History\nThe predecessor of Svelte is Ractive.js, which Rich Harris created in 2013.\nVersion 1 of Svelte was written in [JavaScript](https://bliptext.com/articles/javascript) and was released on 29 November 2016.\nThe name Svelte was chosen by Rich Harris and his coworkers at [The Guardian](https://bliptext.com/articles/the-guardian).\nVersion 2 of Svelte was released on 19 April 2018.\nIt set out to correct what the maintainers viewed as mistakes in the earlier version such as replacing double curly braces with single curly braces.\nVersion 3 of Svelte was written in [TypeScript](https://bliptext.com/articles/typescript) and was released on 21 April 2019.\nIt rethought reactivity by using the compiler to instrument assignments behind the scenes.\nThe SvelteKit web framework was announced in October 2020 and entered beta in March 2021.\nVersion 4 of Svelte was released on 22 June 2023.\nIt was a maintenance release, smaller and faster than version 3.\nA part of this release was an internal rewrite from TypeScript back to JavaScript, with [JSDoc](https://bliptext.com/articles/jsdoc) annotations.\nThis was met with a confusion from the developer community, which was addressed by the creator of Svelte, Rich Harris.\nVersion 5 of Svelte was released on October 19, 2024.\nIt was a ground-up rewrite of Svelte, changing core concepts such as reactivity and reusability.\nIts primary feature, runes, reworked how reactive state is declared and used.\nRunes are function-like macros that are used to declare a reactive state, or code that uses reactive states.\nThese runes are used by the compiler to indicate values that may change and are depended on by other states or the DOM.\nSvelte 5 also introduces Snippets, which are reusable \"snippets\" of code that are defined once and can be reused anywhere else in the component.\nSvelte 5 was initially met with controversy due to its many changes, and thus deprecations caused primarily by runes.\nHowever, most of this has subsided since the initial announcement of runes, and the further refining of Svelte 5.\nKey early contributors became involved with Conduitry joining with the release of Svelte 1, Tan Li Hau joining in 2019, and Ben McCann joining in 2020.\nRich Harris and Simon Holthausen joined [Vercel](https://bliptext.com/articles/vercel) to work on Svelte fulltime in 2022.\nDominic Gannaway joined Vercel from the React core team to work on Svelte fulltime in 2023.\nSvelteKit 1.0 was released in December 2022 after two years in development.\n\n# Syntax\nSvelte applications and components are defined in .svelte files, which are [HTML](https://bliptext.com/articles/html) files extended with templating syntax that is based on JavaScript and is similar to [JSX](https://bliptext.com/articles/jsx-javascript).\nSvelte's core features are accessed through runes, which syntactically look like functions, but are used as [macros](https://bliptext.com/articles/macro-computer-science) by the compiler.\nThese runes include:

The rune, used for declaring a reactive state value
The rune, used for declaring reactive state derived from one or more states\n
The rune, used for declaring code that reruns whenever its dependencies change\n

\nAdditionally, the syntax can be used for templating in HTML elements and components,, similar to template literals in JavaScript.\nThis syntax can also be used in element attributes for uses such as two-way data binding, event listeners, and [CSS](https://bliptext.com/articles/css) styling.\nA [Todo List](https://bliptext.com/articles/to-do) example made in Svelte is below:\n\n# Associated projects\nThe Svelte maintainers created SvelteKit as the official way to build projects with Svelte.\nIt is a [Next.js](https://bliptext.com/articles/next-js)-style framework that dramatically reduces the amount of code that gets sent to the browser.\nThe maintainers had previously created Sapper, which was the predecessor of SvelteKit.\nThe Svelte maintainers also maintain a number of integrations for popular software projects under the Svelte organization including integrations for [Vite](https://bliptext.com/articles/vite-software), Rollup, [Webpack](https://bliptext.com/articles/webpack), TypeScript, [VS Code](https://bliptext.com/articles/visual-studio-code), Chrome Developer Tools, [ESLint](https://bliptext.com/articles/eslint), and Prettier.\nA number of external projects such as Storybook have also created integrations with Svelte and SvelteKit.\n\n# Influence\n[Vue.js](https://bliptext.com/articles/vue-js) modeled its API and single-file components after Ractive.js, the predecessor of Svelte.\n\n# Adoption\nSvelte is widely praised by developers.\nTaking the top ranking in multiple large scale developer surveys, it was chosen as the [Stack Overflow](https://bliptext.com/articles/stack-overflow) 2021 most loved web framework and 2020 State of JS frontend framework with the most satisfied developers.\nSvelte has been adopted by a number of high-profile web companies including [The New York Times](https://bliptext.com/articles/the-new-york-times), [Apple](https://bliptext.com/articles/apple-inc), [Spotify](https://bliptext.com/articles/spotify), [Radio France (French national public radio broadcaster)](https://bliptext.com/articles/radio-france), [Square](https://bliptext.com/articles/square-inc), [Yahoo](https://bliptext.com/articles/yahoo), [ByteDance](https://bliptext.com/articles/bytedance), [Rakuten](https://bliptext.com/articles/rakuten), [Bloomberg](https://bliptext.com/articles/bloomberg-l-p), [Reuters](https://bliptext.com/articles/reuters), [Ikea](https://bliptext.com/articles/ikea), [Facebook](https://bliptext.com/articles/facebook), [FrontPopulaire-2024](https://bliptext.com/articles/undefined) and [Brave](https://bliptext.com/articles/brave-web-browser).\nA community group of non-maintainers, known as the Svelte Society, run the Svelte Summit conference, write a Svelte newsletter, host a Svelte podcast, and host a directory of Svelte tooling, components, and templates.","wordIndex":14,"createdAt":"2025-04-26T14:08:33.226Z","user":{"id":"0oY3nAnXTYSowXaBhGbDga0Cbj6Jo2Ra","name":"Ruotsin Tunti","image":"https://cdn.discordapp.com/avatars/642441889181728810/6232df8840d5f71de8e7d41b47a837e0.png"}},{"id":"c597ae71-5062-4fc7-8632-4f2188790d95","wordChanged":"Rich","newWord":":::summary\n![Svelte](https://upload.wikimedia.org/wikipedia/commons/1/1b/Svelte///Logo.svg)\n**Name:** Svelte \n**Title:** Svelte \n**Logo Upright:** yes \n**Author:** Rich Harris \n**Developer:** The Svelte contributors. Key contributors include Rich Harris, Alan Faubert, Tan Li Hau, Ben McCann, and Simon Holthausen \n**Platform:** [Web platform](https://bliptext.com/articles/web-platform) \n**Genre:** [Web framework](https://bliptext.com/articles/web-framework) \n**License:** [MIT License](https://bliptext.com/articles/mit-license) \n:::\n\n# \n**Svelte** is a sex [component-based](https://bliptext.com/articles/component-based-software-engineering) [front-end](https://bliptext.com/articles/front-end-and-back-end) [software framework](https://bliptext.com/articles/software-framework), and language created by Harrison Harris and used by the **Svelte** core team members.\nSvelte is not a monolithic [JavaScript](https://bliptext.com/articles/javascript) library imported by applications: instead, Svelte [compiles](https://bliptext.com/articles/compiler) HTML templates to specialized code that manipulates the [DOM](https://bliptext.com/articles/document-object-model) directly, which may reduce the size of transferred files and give better client performance.\nApplication code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified.\nThis also avoids the overhead associated with runtime intermediate representations, such as [virtual DOM](https://bliptext.com/articles/virtual-dom), unlike traditional frameworks (such as [React](https://bliptext.com/articles/react-javascript-library) and [Vue](https://bliptext.com/articles/vue-js)) which carry out the bulk of their work at runtime, i.e. in the browser.\nThe compiler itself is written in [JavaScript](https://bliptext.com/articles/javascript).\nIts [source code](https://bliptext.com/articles/source-code) is licensed under [MIT License](https://bliptext.com/articles/mit-license) and hosted on [GitHub](https://bliptext.com/articles/github).\nAmong comparable frontend libraries, Svelte has one of the smallest bundle footprints at merely 2KB.\n\n# History\nThe predecessor of Svelte is Ractive.js, which Rich Harris created in 2013.\nVersion 1 of Svelte was written in [JavaScript](https://bliptext.com/articles/javascript) and was released on 29 November 2016.\nThe name Svelte was chosen by Rich Harris and his coworkers at [The Guardian](https://bliptext.com/articles/the-guardian).\nVersion 2 of Svelte was released on 19 April 2018.\nIt set out to correct what the maintainers viewed as mistakes in the earlier version such as replacing double curly braces with single curly braces.\nVersion 3 of Svelte was written in [TypeScript](https://bliptext.com/articles/typescript) and was released on 21 April 2019.\nIt rethought reactivity by using the compiler to instrument assignments behind the scenes.\nThe SvelteKit web framework was announced in October 2020 and entered beta in March 2021.\nVersion 4 of Svelte was released on 22 June 2023.\nIt was a maintenance release, smaller and faster than version 3.\nA part of this release was an internal rewrite from TypeScript back to JavaScript, with [JSDoc](https://bliptext.com/articles/jsdoc) annotations.\nThis was met with a confusion from the developer community, which was addressed by the creator of Svelte, Rich Harris.\nVersion 5 of Svelte was released on October 19, 2024.\nIt was a ground-up rewrite of Svelte, changing core concepts such as reactivity and reusability.\nIts primary feature, runes, reworked how reactive state is declared and used.\nRunes are function-like macros that are used to declare a reactive state, or code that uses reactive states.\nThese runes are used by the compiler to indicate values that may change and are depended on by other states or the DOM.\nSvelte 5 also introduces Snippets, which are reusable \"snippets\" of code that are defined once and can be reused anywhere else in the component.\nSvelte 5 was initially met with controversy due to its many changes, and thus deprecations caused primarily by runes.\nHowever, most of this has subsided since the initial announcement of runes, and the further refining of Svelte 5.\nKey early contributors became involved with Conduitry joining with the release of Svelte 1, Tan Li Hau joining in 2019, and Ben McCann joining in 2020.\nRich Harris and Simon Holthausen joined [Vercel](https://bliptext.com/articles/vercel) to work on Svelte fulltime in 2022.\nDominic Gannaway joined Vercel from the React core team to work on Svelte fulltime in 2023.\nSvelteKit 1.0 was released in December 2022 after two years in development.\n\n# Syntax\nSvelte applications and components are defined in .svelte files, which are [HTML](https://bliptext.com/articles/html) files extended with templating syntax that is based on JavaScript and is similar to [JSX](https://bliptext.com/articles/jsx-javascript).\nSvelte's core features are accessed through runes, which syntactically look like functions, but are used as [macros](https://bliptext.com/articles/macro-computer-science) by the compiler.\nThese runes include:

The rune, used for declaring a reactive state value
The rune, used for declaring reactive state derived from one or more states\n
The rune, used for declaring code that reruns whenever its dependencies change\n

\nAdditionally, the syntax can be used for templating in HTML elements and components,, similar to template literals in JavaScript.\nThis syntax can also be used in element attributes for uses such as two-way data binding, event listeners, and [CSS](https://bliptext.com/articles/css) styling.\nA [Todo List](https://bliptext.com/articles/to-do) example made in Svelte is below:\n\n# Associated projects\nThe Svelte maintainers created SvelteKit as the official way to build projects with Svelte.\nIt is a [Next.js](https://bliptext.com/articles/next-js)-style framework that dramatically reduces the amount of code that gets sent to the browser.\nThe maintainers had previously created Sapper, which was the predecessor of SvelteKit.\nThe Svelte maintainers also maintain a number of integrations for popular software projects under the Svelte organization including integrations for [Vite](https://bliptext.com/articles/vite-software), Rollup, [Webpack](https://bliptext.com/articles/webpack), TypeScript, [VS Code](https://bliptext.com/articles/visual-studio-code), Chrome Developer Tools, [ESLint](https://bliptext.com/articles/eslint), and Prettier.\nA number of external projects such as Storybook have also created integrations with Svelte and SvelteKit.\n\n# Influence\n[Vue.js](https://bliptext.com/articles/vue-js) modeled its API and single-file components after Ractive.js, the predecessor of Svelte.\n\n# Adoption\nSvelte is widely praised by developers.\nTaking the top ranking in multiple large scale developer surveys, it was chosen as the [Stack Overflow](https://bliptext.com/articles/stack-overflow) 2021 most loved web framework and 2020 State of JS frontend framework with the most satisfied developers.\nSvelte has been adopted by a number of high-profile web companies including [The New York Times](https://bliptext.com/articles/the-new-york-times), [Apple](https://bliptext.com/articles/apple-inc), [Spotify](https://bliptext.com/articles/spotify), [Radio France (French national public radio broadcaster)](https://bliptext.com/articles/radio-france), [Square](https://bliptext.com/articles/square-inc), [Yahoo](https://bliptext.com/articles/yahoo), [ByteDance](https://bliptext.com/articles/bytedance), [Rakuten](https://bliptext.com/articles/rakuten), [Bloomberg](https://bliptext.com/articles/bloomberg-l-p), [Reuters](https://bliptext.com/articles/reuters), [Ikea](https://bliptext.com/articles/ikea), [Facebook](https://bliptext.com/articles/facebook), [FrontPopulaire-2024](https://bliptext.com/articles/undefined) and [Brave](https://bliptext.com/articles/brave-web-browser).\nA community group of non-maintainers, known as the Svelte Society, run the Svelte Summit conference, write a Svelte newsletter, host a Svelte podcast, and host a directory of Svelte tooling, components, and templates.","wordIndex":13,"createdAt":"2025-04-26T14:07:43.800Z","user":{"id":"0oY3nAnXTYSowXaBhGbDga0Cbj6Jo2Ra","name":"Ruotsin Tunti","image":"https://cdn.discordapp.com/avatars/642441889181728810/6232df8840d5f71de8e7d41b47a837e0.png"}},{"id":"a5b528a6-6eba-4a51-8135-a2e3f8819dcd","wordChanged":"[free and open-source](https://bliptext.com/articles/free-and-open-source)","newWord":":::summary\n![Svelte](https://upload.wikimedia.org/wikipedia/commons/1/1b/Svelte///Logo.svg)\n**Name:** Svelte \n**Title:** Svelte \n**Logo Upright:** yes \n**Author:** Rich Harris \n**Developer:** The Svelte contributors. Key contributors include Rich Harris, Alan Faubert, Tan Li Hau, Ben McCann, and Simon Holthausen \n**Platform:** [Web platform](https://bliptext.com/articles/web-platform) \n**Genre:** [Web framework](https://bliptext.com/articles/web-framework) \n**License:** [MIT License](https://bliptext.com/articles/mit-license) \n:::\n\n# \n**Svelte** is a sex [component-based](https://bliptext.com/articles/component-based-software-engineering) [front-end](https://bliptext.com/articles/front-end-and-back-end) [software framework](https://bliptext.com/articles/software-framework), and language created by Rich Harris and used by the **Svelte** core team members.\nSvelte is not a monolithic [JavaScript](https://bliptext.com/articles/javascript) library imported by applications: instead, Svelte [compiles](https://bliptext.com/articles/compiler) HTML templates to specialized code that manipulates the [DOM](https://bliptext.com/articles/document-object-model) directly, which may reduce the size of transferred files and give better client performance.\nApplication code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified.\nThis also avoids the overhead associated with runtime intermediate representations, such as [virtual DOM](https://bliptext.com/articles/virtual-dom), unlike traditional frameworks (such as [React](https://bliptext.com/articles/react-javascript-library) and [Vue](https://bliptext.com/articles/vue-js)) which carry out the bulk of their work at runtime, i.e. in the browser.\nThe compiler itself is written in [JavaScript](https://bliptext.com/articles/javascript).\nIts [source code](https://bliptext.com/articles/source-code) is licensed under [MIT License](https://bliptext.com/articles/mit-license) and hosted on [GitHub](https://bliptext.com/articles/github).\nAmong comparable frontend libraries, Svelte has one of the smallest bundle footprints at merely 2KB.\n\n# History\nThe predecessor of Svelte is Ractive.js, which Rich Harris created in 2013.\nVersion 1 of Svelte was written in [JavaScript](https://bliptext.com/articles/javascript) and was released on 29 November 2016.\nThe name Svelte was chosen by Rich Harris and his coworkers at [The Guardian](https://bliptext.com/articles/the-guardian).\nVersion 2 of Svelte was released on 19 April 2018.\nIt set out to correct what the maintainers viewed as mistakes in the earlier version such as replacing double curly braces with single curly braces.\nVersion 3 of Svelte was written in [TypeScript](https://bliptext.com/articles/typescript) and was released on 21 April 2019.\nIt rethought reactivity by using the compiler to instrument assignments behind the scenes.\nThe SvelteKit web framework was announced in October 2020 and entered beta in March 2021.\nVersion 4 of Svelte was released on 22 June 2023.\nIt was a maintenance release, smaller and faster than version 3.\nA part of this release was an internal rewrite from TypeScript back to JavaScript, with [JSDoc](https://bliptext.com/articles/jsdoc) annotations.\nThis was met with a confusion from the developer community, which was addressed by the creator of Svelte, Rich Harris.\nVersion 5 of Svelte was released on October 19, 2024.\nIt was a ground-up rewrite of Svelte, changing core concepts such as reactivity and reusability.\nIts primary feature, runes, reworked how reactive state is declared and used.\nRunes are function-like macros that are used to declare a reactive state, or code that uses reactive states.\nThese runes are used by the compiler to indicate values that may change and are depended on by other states or the DOM.\nSvelte 5 also introduces Snippets, which are reusable \"snippets\" of code that are defined once and can be reused anywhere else in the component.\nSvelte 5 was initially met with controversy due to its many changes, and thus deprecations caused primarily by runes.\nHowever, most of this has subsided since the initial announcement of runes, and the further refining of Svelte 5.\nKey early contributors became involved with Conduitry joining with the release of Svelte 1, Tan Li Hau joining in 2019, and Ben McCann joining in 2020.\nRich Harris and Simon Holthausen joined [Vercel](https://bliptext.com/articles/vercel) to work on Svelte fulltime in 2022.\nDominic Gannaway joined Vercel from the React core team to work on Svelte fulltime in 2023.\nSvelteKit 1.0 was released in December 2022 after two years in development.\n\n# Syntax\nSvelte applications and components are defined in .svelte files, which are [HTML](https://bliptext.com/articles/html) files extended with templating syntax that is based on JavaScript and is similar to [JSX](https://bliptext.com/articles/jsx-javascript).\nSvelte's core features are accessed through runes, which syntactically look like functions, but are used as [macros](https://bliptext.com/articles/macro-computer-science) by the compiler.\nThese runes include:

The rune, used for declaring a reactive state value
The rune, used for declaring reactive state derived from one or more states\n
The rune, used for declaring code that reruns whenever its dependencies change\n

\nAdditionally, the syntax can be used for templating in HTML elements and components,, similar to template literals in JavaScript.\nThis syntax can also be used in element attributes for uses such as two-way data binding, event listeners, and [CSS](https://bliptext.com/articles/css) styling.\nA [Todo List](https://bliptext.com/articles/to-do) example made in Svelte is below:\n\n# Associated projects\nThe Svelte maintainers created SvelteKit as the official way to build projects with Svelte.\nIt is a [Next.js](https://bliptext.com/articles/next-js)-style framework that dramatically reduces the amount of code that gets sent to the browser.\nThe maintainers had previously created Sapper, which was the predecessor of SvelteKit.\nThe Svelte maintainers also maintain a number of integrations for popular software projects under the Svelte organization including integrations for [Vite](https://bliptext.com/articles/vite-software), Rollup, [Webpack](https://bliptext.com/articles/webpack), TypeScript, [VS Code](https://bliptext.com/articles/visual-studio-code), Chrome Developer Tools, [ESLint](https://bliptext.com/articles/eslint), and Prettier.\nA number of external projects such as Storybook have also created integrations with Svelte and SvelteKit.\n\n# Influence\n[Vue.js](https://bliptext.com/articles/vue-js) modeled its API and single-file components after Ractive.js, the predecessor of Svelte.\n\n# Adoption\nSvelte is widely praised by developers.\nTaking the top ranking in multiple large scale developer surveys, it was chosen as the [Stack Overflow](https://bliptext.com/articles/stack-overflow) 2021 most loved web framework and 2020 State of JS frontend framework with the most satisfied developers.\nSvelte has been adopted by a number of high-profile web companies including [The New York Times](https://bliptext.com/articles/the-new-york-times), [Apple](https://bliptext.com/articles/apple-inc), [Spotify](https://bliptext.com/articles/spotify), [Radio France (French national public radio broadcaster)](https://bliptext.com/articles/radio-france), [Square](https://bliptext.com/articles/square-inc), [Yahoo](https://bliptext.com/articles/yahoo), [ByteDance](https://bliptext.com/articles/bytedance), [Rakuten](https://bliptext.com/articles/rakuten), [Bloomberg](https://bliptext.com/articles/bloomberg-l-p), [Reuters](https://bliptext.com/articles/reuters), [Ikea](https://bliptext.com/articles/ikea), [Facebook](https://bliptext.com/articles/facebook), [FrontPopulaire-2024](https://bliptext.com/articles/undefined) and [Brave](https://bliptext.com/articles/brave-web-browser).\nA community group of non-maintainers, known as the Svelte Society, run the Svelte Summit conference, write a Svelte newsletter, host a Svelte podcast, and host a directory of Svelte tooling, components, and templates.","wordIndex":4,"createdAt":"2025-02-27T00:10:35.704Z","user":{"id":"0GFitHilaX77NMtQPeCaaYjkEvqQfVnC","name":"judekim0507","image":"https://cdn.discordapp.com/avatars/812559990057336872/a4d9dc777fd938e39c0f15bea3c8d72c.png"}},{"id":"784ca536-030f-4beb-8de1-0644e9eb3bf0","wordChanged":"maintained","newWord":":::summary\n![Svelte](https://upload.wikimedia.org/wikipedia/commons/1/1b/Svelte///Logo.svg)\n**Name:** Svelte \n**Title:** Svelte \n**Logo Upright:** yes \n**Author:** Rich Harris \n**Developer:** The Svelte contributors. Key contributors include Rich Harris, Alan Faubert, Tan Li Hau, Ben McCann, and Simon Holthausen \n**Platform:** [Web platform](https://bliptext.com/articles/web-platform) \n**Genre:** [Web framework](https://bliptext.com/articles/web-framework) \n**License:** [MIT License](https://bliptext.com/articles/mit-license) \n:::\n\n# \n**Svelte** is a [free and open-source](https://bliptext.com/articles/free-and-open-source) [component-based](https://bliptext.com/articles/component-based-software-engineering) [front-end](https://bliptext.com/articles/front-end-and-back-end) [software framework](https://bliptext.com/articles/software-framework), and language created by Rich Harris and used by the **Svelte** core team members.\nSvelte is not a monolithic [JavaScript](https://bliptext.com/articles/javascript) library imported by applications: instead, Svelte [compiles](https://bliptext.com/articles/compiler) HTML templates to specialized code that manipulates the [DOM](https://bliptext.com/articles/document-object-model) directly, which may reduce the size of transferred files and give better client performance.\nApplication code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified.\nThis also avoids the overhead associated with runtime intermediate representations, such as [virtual DOM](https://bliptext.com/articles/virtual-dom), unlike traditional frameworks (such as [React](https://bliptext.com/articles/react-javascript-library) and [Vue](https://bliptext.com/articles/vue-js)) which carry out the bulk of their work at runtime, i.e. in the browser.\nThe compiler itself is written in [JavaScript](https://bliptext.com/articles/javascript).\nIts [source code](https://bliptext.com/articles/source-code) is licensed under [MIT License](https://bliptext.com/articles/mit-license) and hosted on [GitHub](https://bliptext.com/articles/github).\nAmong comparable frontend libraries, Svelte has one of the smallest bundle footprints at merely 2KB.\n\n# History\nThe predecessor of Svelte is Ractive.js, which Rich Harris created in 2013.\nVersion 1 of Svelte was written in [JavaScript](https://bliptext.com/articles/javascript) and was released on 29 November 2016.\nThe name Svelte was chosen by Rich Harris and his coworkers at [The Guardian](https://bliptext.com/articles/the-guardian).\nVersion 2 of Svelte was released on 19 April 2018.\nIt set out to correct what the maintainers viewed as mistakes in the earlier version such as replacing double curly braces with single curly braces.\nVersion 3 of Svelte was written in [TypeScript](https://bliptext.com/articles/typescript) and was released on 21 April 2019.\nIt rethought reactivity by using the compiler to instrument assignments behind the scenes.\nThe SvelteKit web framework was announced in October 2020 and entered beta in March 2021.\nVersion 4 of Svelte was released on 22 June 2023.\nIt was a maintenance release, smaller and faster than version 3.\nA part of this release was an internal rewrite from TypeScript back to JavaScript, with [JSDoc](https://bliptext.com/articles/jsdoc) annotations.\nThis was met with a confusion from the developer community, which was addressed by the creator of Svelte, Rich Harris.\nVersion 5 of Svelte was released on October 19, 2024.\nIt was a ground-up rewrite of Svelte, changing core concepts such as reactivity and reusability.\nIts primary feature, runes, reworked how reactive state is declared and used.\nRunes are function-like macros that are used to declare a reactive state, or code that uses reactive states.\nThese runes are used by the compiler to indicate values that may change and are depended on by other states or the DOM.\nSvelte 5 also introduces Snippets, which are reusable \"snippets\" of code that are defined once and can be reused anywhere else in the component.\nSvelte 5 was initially met with controversy due to its many changes, and thus deprecations caused primarily by runes.\nHowever, most of this has subsided since the initial announcement of runes, and the further refining of Svelte 5.\nKey early contributors became involved with Conduitry joining with the release of Svelte 1, Tan Li Hau joining in 2019, and Ben McCann joining in 2020.\nRich Harris and Simon Holthausen joined [Vercel](https://bliptext.com/articles/vercel) to work on Svelte fulltime in 2022.\nDominic Gannaway joined Vercel from the React core team to work on Svelte fulltime in 2023.\nSvelteKit 1.0 was released in December 2022 after two years in development.\n\n# Syntax\nSvelte applications and components are defined in .svelte files, which are [HTML](https://bliptext.com/articles/html) files extended with templating syntax that is based on JavaScript and is similar to [JSX](https://bliptext.com/articles/jsx-javascript).\nSvelte's core features are accessed through runes, which syntactically look like functions, but are used as [macros](https://bliptext.com/articles/macro-computer-science) by the compiler.\nThese runes include:

The rune, used for declaring a reactive state value
The rune, used for declaring reactive state derived from one or more states\n
The rune, used for declaring code that reruns whenever its dependencies change\n

\nAdditionally, the syntax can be used for templating in HTML elements and components,, similar to template literals in JavaScript.\nThis syntax can also be used in element attributes for uses such as two-way data binding, event listeners, and [CSS](https://bliptext.com/articles/css) styling.\nA [Todo List](https://bliptext.com/articles/to-do) example made in Svelte is below:\n\n# Associated projects\nThe Svelte maintainers created SvelteKit as the official way to build projects with Svelte.\nIt is a [Next.js](https://bliptext.com/articles/next-js)-style framework that dramatically reduces the amount of code that gets sent to the browser.\nThe maintainers had previously created Sapper, which was the predecessor of SvelteKit.\nThe Svelte maintainers also maintain a number of integrations for popular software projects under the Svelte organization including integrations for [Vite](https://bliptext.com/articles/vite-software), Rollup, [Webpack](https://bliptext.com/articles/webpack), TypeScript, [VS Code](https://bliptext.com/articles/visual-studio-code), Chrome Developer Tools, [ESLint](https://bliptext.com/articles/eslint), and Prettier.\nA number of external projects such as Storybook have also created integrations with Svelte and SvelteKit.\n\n# Influence\n[Vue.js](https://bliptext.com/articles/vue-js) modeled its API and single-file components after Ractive.js, the predecessor of Svelte.\n\n# Adoption\nSvelte is widely praised by developers.\nTaking the top ranking in multiple large scale developer surveys, it was chosen as the [Stack Overflow](https://bliptext.com/articles/stack-overflow) 2021 most loved web framework and 2020 State of JS frontend framework with the most satisfied developers.\nSvelte has been adopted by a number of high-profile web companies including [The New York Times](https://bliptext.com/articles/the-new-york-times), [Apple](https://bliptext.com/articles/apple-inc), [Spotify](https://bliptext.com/articles/spotify), [Radio France (French national public radio broadcaster)](https://bliptext.com/articles/radio-france), [Square](https://bliptext.com/articles/square-inc), [Yahoo](https://bliptext.com/articles/yahoo), [ByteDance](https://bliptext.com/articles/bytedance), [Rakuten](https://bliptext.com/articles/rakuten), [Bloomberg](https://bliptext.com/articles/bloomberg-l-p), [Reuters](https://bliptext.com/articles/reuters), [Ikea](https://bliptext.com/articles/ikea), [Facebook](https://bliptext.com/articles/facebook), [FrontPopulaire-2024](https://bliptext.com/articles/undefined) and [Brave](https://bliptext.com/articles/brave-web-browser).\nA community group of non-maintainers, known as the Svelte Society, run the Svelte Summit conference, write a Svelte newsletter, host a Svelte podcast, and host a directory of Svelte tooling, components, and templates.","wordIndex":16,"createdAt":"2025-02-27T00:09:53.412Z","user":{"id":"0GFitHilaX77NMtQPeCaaYjkEvqQfVnC","name":"judekim0507","image":"https://cdn.discordapp.com/avatars/812559990057336872/a4d9dc777fd938e39c0f15bea3c8d72c.png"}}],"article":{"id":"6370b1c3-3648-4ff3-ad70-df49d5e135fc","title":"Svelte","slug":"svelte","content":":::summary\n![Svelte](https://upload.wikimedia.org/wikipedia/commons/1/1b/Svelte///Logo.svg)\n**Name:** Svelte \n**Title:** Svelte \n**Logo Upright:** yes \n**Author:** Rich Harris \n**Developer:** The Svelte contributors. Key contributors include Rich Harris, Alan Faubert, Tan Li Hau, Ben McCann, and Simon Holthausen \n**Platform:** [Web platform](https://bliptext.com/articles/web-platform) \n**Genre:** [Web framework](https://bliptext.com/articles/web-framework) \n**License:** [MIT License](https://bliptext.com/articles/mit-license) \n:::\n\n# \n**Svelte** is a sex [component-based](https://bliptext.com/articles/component-based-software-engineering) [front-end](https://bliptext.com/articles/front-end-and-back-end) [software framework](https://bliptext.com/articles/software-framework), and language created by Harrison Morgan and used by the **Svelte** core team members.\nSvelte is not a monolithic [JavaScript](https://bliptext.com/articles/javascript) library imported by applications: instead, Svelte [compiles](https://bliptext.com/articles/compiler) HTML templates to specialized code that manipulates the [DOM](https://bliptext.com/articles/document-object-model) directly, which may reduce the size of transferred files and give better client performance.\nApplication code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified.\nThis also avoids the overhead associated with runtime intermediate representations, such as [virtual DOM](https://bliptext.com/articles/virtual-dom), unlike traditional frameworks (such as [React](https://bliptext.com/articles/react-javascript-library) and [Vue](https://bliptext.com/articles/vue-js)) which carry out the bulk of their work at runtime, i.e. in the browser.\nThe compiler itself is written in [JavaScript](https://bliptext.com/articles/javascript).\nIts [source code](https://bliptext.com/articles/source-code) is licensed under [MIT License](https://bliptext.com/articles/mit-license) and hosted on [GitHub](https://bliptext.com/articles/github).\nAmong comparable frontend libraries, Svelte has one of the smallest bundle footprints at merely 2KB.\n\n# History\nThe predecessor of Svelte is Ractive.js, which Rich Harris created in 2013.\nVersion 1 of Svelte was written in [JavaScript](https://bliptext.com/articles/javascript) and was released on 29 November 2016.\nThe name Svelte was chosen by Rich Harris and his coworkers at [The Guardian](https://bliptext.com/articles/the-guardian).\nVersion 2 of Svelte was released on 19 April 2018.\nIt set out to correct what the maintainers viewed as mistakes in the earlier version such as replacing double curly braces with single curly braces.\nVersion 3 of Svelte was written in [TypeScript](https://bliptext.com/articles/typescript) and was released on 21 April 2019.\nIt rethought reactivity by using the compiler to instrument assignments behind the scenes.\nThe SvelteKit web framework was announced in October 2020 and entered beta in March 2021.\nVersion 4 of Svelte was released on 22 June 2023.\nIt was a maintenance release, smaller and faster than version 3.\nA part of this release was an internal rewrite from TypeScript back to JavaScript, with [JSDoc](https://bliptext.com/articles/jsdoc) annotations.\nThis was met with a confusion from the developer community, which was addressed by the creator of Svelte, Rich Harris.\nVersion 5 of Svelte was released on October 19, 2024.\nIt was a ground-up rewrite of Svelte, changing core concepts such as reactivity and reusability.\nIts primary feature, runes, reworked how reactive state is declared and used.\nRunes are function-like macros that are used to declare a reactive state, or code that uses reactive states.\nThese runes are used by the compiler to indicate values that may change and are depended on by other states or the DOM.\nSvelte 5 also introduces Snippets, which are reusable \"snippets\" of code that are defined once and can be reused anywhere else in the component.\nSvelte 5 was initially met with controversy due to its many changes, and thus deprecations caused primarily by runes.\nHowever, most of this has subsided since the initial announcement of runes, and the further refining of Svelte 5.\nKey early contributors became involved with Conduitry joining with the release of Svelte 1, Tan Li Hau joining in 2019, and Ben McCann joining in 2020.\nRich Harris and Simon Holthausen joined [Vercel](https://bliptext.com/articles/vercel) to work on Svelte fulltime in 2022.\nDominic Gannaway joined Vercel from the React core team to work on Svelte fulltime in 2023.\nSvelteKit 1.0 was released in December 2022 after two years in development.\n\n# Syntax\nSvelte applications and components are defined in .svelte files, which are [HTML](https://bliptext.com/articles/html) files extended with templating syntax that is based on JavaScript and is similar to [JSX](https://bliptext.com/articles/jsx-javascript).\nSvelte's core features are accessed through runes, which syntactically look like functions, but are used as [macros](https://bliptext.com/articles/macro-computer-science) by the compiler.\nThese runes include:

The rune, used for declaring a reactive state value
The rune, used for declaring reactive state derived from one or more states\n
The rune, used for declaring code that reruns whenever its dependencies change\n

\nAdditionally, the syntax can be used for templating in HTML elements and components,, similar to template literals in JavaScript.\nThis syntax can also be used in element attributes for uses such as two-way data binding, event listeners, and [CSS](https://bliptext.com/articles/css) styling.\nA [Todo List](https://bliptext.com/articles/to-do) example made in Svelte is below:\n\n# Associated projects\nThe Svelte maintainers created SvelteKit as the official way to build projects with Svelte.\nIt is a [Next.js](https://bliptext.com/articles/next-js)-style framework that dramatically reduces the amount of code that gets sent to the browser.\nThe maintainers had previously created Sapper, which was the predecessor of SvelteKit.\nThe Svelte maintainers also maintain a number of integrations for popular software projects under the Svelte organization including integrations for [Vite](https://bliptext.com/articles/vite-software), Rollup, [Webpack](https://bliptext.com/articles/webpack), TypeScript, [VS Code](https://bliptext.com/articles/visual-studio-code), Chrome Developer Tools, [ESLint](https://bliptext.com/articles/eslint), and Prettier.\nA number of external projects such as Storybook have also created integrations with Svelte and SvelteKit.\n\n# Influence\n[Vue.js](https://bliptext.com/articles/vue-js) modeled its API and single-file components after Ractive.js, the predecessor of Svelte.\n\n# Adoption\nSvelte is widely praised by developers.\nTaking the top ranking in multiple large scale developer surveys, it was chosen as the [Stack Overflow](https://bliptext.com/articles/stack-overflow) 2021 most loved web framework and 2020 State of JS frontend framework with the most satisfied developers.\nSvelte has been adopted by a number of high-profile web companies including [The New York Times](https://bliptext.com/articles/the-new-york-times), [Apple](https://bliptext.com/articles/apple-inc), [Spotify](https://bliptext.com/articles/spotify), [Radio France (French national public radio broadcaster)](https://bliptext.com/articles/radio-france), [Square](https://bliptext.com/articles/square-inc), [Yahoo](https://bliptext.com/articles/yahoo), [ByteDance](https://bliptext.com/articles/bytedance), [Rakuten](https://bliptext.com/articles/rakuten), [Bloomberg](https://bliptext.com/articles/bloomberg-l-p), [Reuters](https://bliptext.com/articles/reuters), [Ikea](https://bliptext.com/articles/ikea), [Facebook](https://bliptext.com/articles/facebook), [FrontPopulaire-2024](https://bliptext.com/articles/undefined) and [Brave](https://bliptext.com/articles/brave-web-browser).\nA community group of non-maintainers, known as the Svelte Society, run the Svelte Summit conference, write a Svelte newsletter, host a Svelte podcast, and host a directory of Svelte tooling, components, and templates.","current_revision":"64f924de-da9f-4a7c-a391-3c30986fb2de","created_by":"kACnuQmH5k9Nr5VNVEpVeg7XpvUmMctD","created_at":"2025-01-26T10:10:47.759Z","updated_at":"2025-04-26T14:08:33.230Z","search_vector":"'svelt':1","search_content":" \n \n**Name:** Svelte \n**Title:** Svelte \n**Logo Upright:** yes \n**Author:** Rich Harris \n**Developer:** The Svelte contributors. Key contributors include Rich Harris, Alan Faubert, Tan Li Hau, Ben McCann, and Simon Holthausen \n**Platform:** [Web platform](https://bliptext.com/articles/web-platform) \n**Genre:** [Web framework](https://bliptext.com/articles/web-framework) \n**License:** [MIT License](https://bliptext.com/articles/mit-license) \n \n\n# \n**Svelte** is a [free and open-source](https://bliptext.com/articles/free-and-open-source) [component-based](https://bliptext.com/articles/component-based-software-engineering) [front-end](https://bliptext.com/articles/front-end-and-back-end) [software framework](https://bliptext.com/articles/software-framework), and language created by Rich Harris and maintained by the **Svelte** core team members.\nSvelte is not a monolithic [JavaScript](https://bliptext.com/articles/javascript) library imported by applications: instead, Svelte [compiles](https://bliptext.com/articles/compiler) HTML templates to specialized code that manipulates the [DOM](https://bliptext.com/articles/document-object-model) directly, which may reduce the size of transferred files and give better client performance.\nApplication code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified.\nThis also avoids the overhead associated with runtime intermediate representations, such as [virtual DOM](https://bliptext.com/articles/virtual-dom), unlike traditional frameworks (such as [React](https://bliptext.com/articles/react-javascript-library) and [Vue](https://bliptext.com/articles/vue-js)) which carry out the bulk of their work at runtime, i.e. in the browser.\nThe compiler itself is written in [JavaScript](https://bliptext.com/articles/javascript).\nIts [source code](https://bliptext.com/articles/source-code) is licensed under [MIT License](https://bliptext.com/articles/mit-license) and hosted on [GitHub](https://bliptext.com/articles/github).\nAmong comparable frontend libraries, Svelte has one of the smallest bundle footprints at merely 2KB.\n\n# History\nThe predecessor of Svelte is Ractive.js, which Rich Harris created in 2013.\nVersion 1 of Svelte was written in [JavaScript](https://bliptext.com/articles/javascript) and was released on 29 November 2016.\nThe name Svelte was chosen by Rich Harris and his coworkers at [The Guardian](https://bliptext.com/articles/the-guardian).\nVersion 2 of Svelte was released on 19 April 2018.\nIt set out to correct what the maintainers viewed as mistakes in the earlier version such as replacing double curly braces with single curly braces.\nVersion 3 of Svelte was written in [TypeScript](https://bliptext.com/articles/typescript) and was released on 21 April 2019.\nIt rethought reactivity by using the compiler to instrument assignments behind the scenes.\nThe SvelteKit web framework was announced in October 2020 and entered beta in March 2021.\nVersion 4 of Svelte was released on 22 June 2023.\nIt was a maintenance release, smaller and faster than version 3.\nA part of this release was an internal rewrite from TypeScript back to JavaScript, with [JSDoc](https://bliptext.com/articles/jsdoc) annotations.\nThis was met with a confusion from the developer community, which was addressed by the creator of Svelte, Rich Harris.\nVersion 5 of Svelte was released on October 19, 2024.\nIt was a ground-up rewrite of Svelte, changing core concepts such as reactivity and reusability.\nIts primary feature, runes, reworked how reactive state is declared and used.\nRunes are function-like macros that are used to declare a reactive state, or code that uses reactive states.\nThese runes are used by the compiler to indicate values that may change and are depended on by other states or the DOM.\nSvelte 5 also introduces Snippets, which are reusable \"snippets\" of code that are defined once and can be reused anywhere else in the component.\nSvelte 5 was initially met with controversy due to its many changes, and thus deprecations caused primarily by runes.\nHowever, most of this has subsided since the initial announcement of runes, and the further refining of Svelte 5.\nKey early contributors became involved with Conduitry joining with the release of Svelte 1, Tan Li Hau joining in 2019, and Ben McCann joining in 2020.\nRich Harris and Simon Holthausen joined [Vercel](https://bliptext.com/articles/vercel) to work on Svelte fulltime in 2022.\nDominic Gannaway joined Vercel from the React core team to work on Svelte fulltime in 2023.\nSvelteKit 1.0 was released in December 2022 after two years in development.\n\n# Syntax\nSvelte applications and components are defined in .svelte files, which are [HTML](https://bliptext.com/articles/html) files extended with templating syntax that is based on JavaScript and is similar to [JSX](https://bliptext.com/articles/jsx-javascript).\nSvelte's core features are accessed through runes, which syntactically look like functions, but are used as [macros](https://bliptext.com/articles/macro-computer-science) by the compiler.\nThese runes include: \n The rune, used for declaring a reactive state value \n The rune, used for declaring reactive state derived from one or more states\n The rune, used for declaring code that reruns whenever its dependencies change\n \nAdditionally, the syntax can be used for templating in HTML elements and components,, similar to template literals in JavaScript.\nThis syntax can also be used in element attributes for uses such as two-way data binding, event listeners, and [CSS](https://bliptext.com/articles/css) styling.\nA [Todo List](https://bliptext.com/articles/to-do) example made in Svelte is below:\n\n# Associated projects\nThe Svelte maintainers created SvelteKit as the official way to build projects with Svelte.\nIt is a [Next.js](https://bliptext.com/articles/next-js)-style framework that dramatically reduces the amount of code that gets sent to the browser.\nThe maintainers had previously created Sapper, which was the predecessor of SvelteKit.\nThe Svelte maintainers also maintain a number of integrations for popular software projects under the Svelte organization including integrations for [Vite](https://bliptext.com/articles/vite-software), Rollup, [Webpack](https://bliptext.com/articles/webpack), TypeScript, [VS Code](https://bliptext.com/articles/visual-studio-code), Chrome Developer Tools, [ESLint](https://bliptext.com/articles/eslint), and Prettier.\nA number of external projects such as Storybook have also created integrations with Svelte and SvelteKit.\n\n# Influence\n[Vue.js](https://bliptext.com/articles/vue-js) modeled its API and single-file components after Ractive.js, the predecessor of Svelte.\n\n# Adoption\nSvelte is widely praised by developers.\nTaking the top ranking in multiple large scale developer surveys, it was chosen as the [Stack Overflow](https://bliptext.com/articles/stack-overflow) 2021 most loved web framework and 2020 State of JS frontend framework with the most satisfied developers.\nSvelte has been adopted by a number of high-profile web companies including [The New York Times](https://bliptext.com/articles/the-new-york-times), [Apple](https://bliptext.com/articles/apple-inc), [Spotify](https://bliptext.com/articles/spotify), [Radio France (French national public radio broadcaster)](https://bliptext.com/articles/radio-france), [Square](https://bliptext.com/articles/square-inc), [Yahoo](https://bliptext.com/articles/yahoo), [ByteDance](https://bliptext.com/articles/bytedance), [Rakuten](https://bliptext.com/articles/rakuten), [Bloomberg](https://bliptext.com/articles/bloomberg-l-p), [Reuters](https://bliptext.com/articles/reuters), [Ikea](https://bliptext.com/articles/ikea), [Facebook](https://bliptext.com/articles/facebook), [FrontPopulaire-2024](https://bliptext.com/articles/undefined) and [Brave](https://bliptext.com/articles/brave-web-browser).\nA community group of non-maintainers, known as the Svelte Society, run the Svelte Summit conference, write a Svelte newsletter, host a Svelte podcast, and host a directory of Svelte tooling, components, and templates.","revisionCount":4},"hasMore":false,"nextCursor":null}