Managing CSS icons with Iconify & Tailwind V4, and SVG icons with @svelte-put/inline-svg in Vite & Svelte apps
Svelte Vietnam
Building an inclusive and innovative community
Four Steps to Svelte
Step one
Discover Svelte Hands on
Svelte tutorial* is an official guide that helps you ‘learn by doing’ — get hands-on with Svelte and SvelteKit concepts from basic to advanced through small exercises.
* this is a guide for Svelte 5 and currently only supports English
Svelte playground* (REPL) is an official interactive editor that helps you quickly test ideas or observe the output from the Svelte compiler.
SvelteLab is an advanced interactive editor built by the community, extending ideas from Svelte playground, supporting SvelteKit and many features for a complete fullstack project.
Step two
Read the Svelte & SvelteKit documentation
Svelte documentation is the official catalogue for features and public interfaces of Svelte and SvelteKit, organized in a comprehensive and searchable manner - the first-stop reference in your daily work with Svelte.
Step three
Join the Svelte Vietnam community
Svelte Vietnam is an open-source project and inclusive community for anyone using or learning about Svelte in Vietnam. Svelte Vietnam is aspired to be a useful information channel and to promote a healthy environment for members to share their experiences and help each other on their journey towards software development and open-source.
'%3e%3cpath%20d='M164.5%2048v11.6c1.2.4%202.3.9%203.3%201.5V49.4c-1-.6-2-1-3.3-1.4Zm-16.1%201.4c-2.6%201.6-4%203.6-4%205.6v11.7c0-2%201.4-4%204-5.6a22%2022%200%200%201%2016-1.5l.1-11.6a21.4%2021.4%200%200%200-16%201.4Z'/%3e%3c/g%3e%3cpath%20fill='%23ABA69F'%20d='M148.5%2060.7v11.6l-22%2012.7.1-11.6%2021.9-12.7Z'/%3e%3cpath%20fill='%23E9E3DB'%20d='M189.7%2036.7%20168%2049.4a21.6%2021.6%200%200%200-19.5%200c-5.3%203.1-5.3%208.2.1%2011.3l-21.9%2012.7-22-12.7c-5.3%203-14%203-19.4%200-5.4-3.1-5.4-8.2%200-11.3L63%2036.7%20126.2%200l63.5%2036.7Z'/%3e%3cpath%20fill='%238E3F14'%20d='M182.2%2049.2v11.6c0%202%201.3%204.1%204%205.7V54.8c-2.7-1.5-4-3.6-4-5.6Zm4.2%2031.1v11.6l-22-12.7V67.5l22%2012.8Z'/%3e%3cmask%20id='b'%20width='24'%20height='20'%20x='182'%20y='86'%20maskUnits='userSpaceOnUse'%20style='mask-type:luminance'%3e%3cpath%20fill='%23fff'%20d='M182%2097.7V86c0%202%201.4%204.1%204.1%205.7%205.4%203.1%2014%203.1%2019.4%200l.3-.2v11.7l-.3.2c-5.4%203-14%203-19.4%200-2.7-1.6-4-3.6-4-5.7Z'/%3e%3c/mask%3e%3cg%20fill='%238E3F14'%20mask='url(%23b)'%3e%3cpath%20d='M205.5%2091.4a20.8%2020.8%200%200%201-16%201.5V105a20.8%2020.8%200%200%200%2016-1.5l.3-.2V91l-.3.3Zm-19.4%200c-2.7-1.6-4-3.8-4-6v12.3c0%202.1%201.3%204.3%204%206%201%20.5%202.1%201%203.3%201.4V93c-1.1-.4-2.3-.9-3.3-1.5Z'/%3e%3c/g%3e%3cpath%20fill='%23FF6A2F'%20d='m291%2067.5-63.1%2036.7-22-12.7-.4.2c-5.3%203.1-14%203.1-19.4%200-5.4-3.1-5.4-8.1%200-11.3l.3-.1-22-12.8%2021.8-12.7c-5.3-3-5.4-8.1%200-11.2%205.3-3.1%2014-3.1%2019.4%200l21.9-12.7L291%2067.5Z'/%3e%3cpath%20fill='%238E3F14'%20d='M291%2067.5v11.7L227.9%20116v-11.7L291%2067.5Zm-63.1%2036.7V116l-22-12.7V91.5l22%2012.7Z'/%3e%3cpath%20fill='%23FF6A2F'%20d='M126.6%2073.4%20104.8%2086c-5.4-3.1-14-3.1-19.4%200-5.4%203-5.3%208.1%200%2011.2L63.6%20110%200%2073.3l63.1-36.6%2022%2012.7c-5.3%203.1-5.3%208.1.1%2011.3%205.4%203%2014%203%2019.4%200l22%2012.7Z'/%3e%3cpath%20fill='%238E3F14'%20d='M63.6%20110v11.7L0%2085V73.3L63.6%20110Z'/%3e%3cpath%20fill='%23E9E3DB'%20d='m190.2%20110-63%2036.7L63.5%20110l21.9-12.7c-5.4-3.1-5.4-8.1%200-11.2%205.3-3.2%2014-3.2%2019.3%200l22-12.8%2022%2012.8c-5.4%203-5.4%208.1%200%2011.2%205.4%203.1%2014%203.1%2019.4%200l22%2012.7Z'/%3e%3cpath%20fill='%23ABA69F'%20d='M190.2%20110v11.7l-63.1%2036.7v-11.7l63.1-36.7Zm-63.1%2036.7v11.7l-63.5-36.7V110l63.5%2036.7Z'/%3e%3c/svg%3e)
You can also follow news about events from Svelte Vietnam or articles from the Svelte Vietnam Blog.
Step four
Get news from the international Svelte community
Svelte is an open-source project. Follow and contribute to the development of Svelte through the following channels.
Svelte society is a volunteer global network connecting Svelte enthusiasts. Svelte Society oversees many important resources for the community.
Svelte Summit is an international conference event about Svelte, gathering maintainers and speakers from all around the world.
SvelteHack is a hackathon event that usually takes place after important milestones in the Svelte ecosystem.
You can also:
- subscribe to the monthly news update about Svelte via “The (Unofficial) Svelte JS Newsletter”,
- browse or share libraries and products via “Made by Svelte”,
- follow news about jobs via the #job-postings channel in the official Svelte Discord, or via “Svelte Jobs”.
Events
Meet the Svelte Vietnam community. Share your ideas, products, and all thing Svelte and open source
No event is planned yet
Recent Posts
Read and write about your Svelte expreience at the Svelte Vietnam Blog.
View more 
View more 
Nguyen’s story is a quiet spark in the big Svelte mosaic. It’s not about being perfect, or fast; it’s about showing up with care, making things for others, and learning your way through.
View more 
Quick share for a use case of Svelte's reactivity in building web extensions with wxt.dev and the extension storage API
Sponsor
Help sustain the community and support its growth by becoming a sponsor
Sponsors are listed at the
Svelte Vietnam Collective.