([])
35 |
--------------------------------------------------------------------------------
/site/src/routes/+error.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 | Error {$page.status} • {name}
11 |
12 |
13 |
16 |
Error {String($page.status).replace(`0`, `😵`)}: {$page.error?.message}
17 | {#if $page.status >= 500}
18 |
19 | If page reloading doesn't help, please raise an issue on
20 | GitHub . Thanks! 🙏
21 |
22 | {/if}
23 | {#if online === false}
24 | Looks like you're offline. If you think your connection is fine, check the
25 |
GitHub status page
26 | as this site is hosted by
27 | GitHub Pages.
28 | {/if}
29 |
30 |
31 | Back to
32 | .
35 |
36 |
27 |
29 |
30 | {@render children?.()}
31 |
--------------------------------------------------------------------------------
/site/src/routes/+layout.ts:
--------------------------------------------------------------------------------
1 | export const prerender = true
2 |
--------------------------------------------------------------------------------
/site/src/routes/+page.server.ts:
--------------------------------------------------------------------------------
1 | import type { RepoContributor } from '$lib'
2 |
3 | export const load = async ({ fetch }) => {
4 | const contributors: RepoContributor[] = await fetch(
5 | `https://api.github.com/repos/janosh/awesome-sveltekit/contributors`,
6 | { cache: `force-cache` },
7 | ).then((res) => res.json())
8 |
9 | const repo_contributors = contributors?.filter((itm) => itm.type !== `Bot`)
10 | return { repo_contributors }
11 | }
12 |
--------------------------------------------------------------------------------
/site/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
103 |
104 |
105 | Awesome SvelteKit
106 |
110 |
111 |
112 |
113 |
121 |
122 |
126 | {$sorted_sites.length} match{$sorted_sites.length !== 1 ? `es` : ``}
127 | {#if $sorted_sites?.length === 0}
128 | (try different filters)
129 | {/if}
130 |
131 | {/if}
132 |
133 |
143 |
144 | 🎉 Suggestions Welcome
145 |
146 | Want to add an open source project to
152 | ! This collection is meant as a learning resource for Svelte devs. While a site with
155 | private code can give inspiration, there's little educational value if you can't inspect
156 | how it was made.
157 |
158 |
159 |
160 | A good place to discover Svelte projects (not necessarily SvelteKit) is
161 |
162 | . If anything on that list stands out to you but is missing here, please add it!
165 |
166 |
167 |
186 |
--------------------------------------------------------------------------------
/site/src/routes/[slug]/+page.server.ts:
--------------------------------------------------------------------------------
1 | import sites from '$site/src/sites.yml'
2 | import { error } from '@sveltejs/kit'
3 |
4 | export const entries = () => {
5 | // Return an array of all possible slug values
6 | return sites.map((site) => ({ slug: site.slug }))
7 | }
8 |
9 | export const load = ({ params }) => {
10 | const { slug } = params
11 |
12 | // TODO revert back to filtered_sites such that PrevNext doesn't navigate to pages the user excluded
13 | const site = sites.find((site) => site.slug === slug)
14 |
15 | if (!site) throw error(404, `Page '${slug}' not found`)
16 |
17 | return { site, sites, slug }
18 | }
19 |
--------------------------------------------------------------------------------
/site/src/routes/[slug]/+page.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
14 | {head_title}
15 |
24 |
25 | « home
26 |
27 |
28 |
30 | [site.slug, site])}
32 | current={data.slug}
33 | style="max-width: var(--main-max-width);"
34 | >
35 | {#snippet children({ item, kind })}
36 |
44 | {/snippet}
45 |
46 |
47 |
62 |
63 |
99 |
--------------------------------------------------------------------------------
/site/src/tasks/fetch-github-metadata.ts:
--------------------------------------------------------------------------------
1 | /* This file parses sites.yml, fetches GH metadata like contributors
2 | and stars for each site, then writes the results to site/src/sites.yml. */
3 |
4 | import type { Site } from '$lib'
5 | import dotenv from 'dotenv'
6 | import fs from 'fs'
7 | import yaml from 'js-yaml'
8 | import { marked } from 'marked'
9 | import { performance } from 'perf_hooks'
10 | import type { Action } from '.'
11 |
12 | export function title_to_slug(title: string): string {
13 | return title.toLowerCase().replaceAll(` `, `-`)
14 | }
15 |
16 | dotenv.config({ path: `../site/.env` })
17 |
18 | export async function fetch_github_metadata(options: { action?: Action } = {}) {
19 | const { action = `add-missing` } = options
20 | const in_path = `../sites.yml`
21 | const out_path = `../site/src/sites.yml`
22 |
23 | const sites = yaml.load(fs.readFileSync(in_path)) as Site[]
24 |
25 | const old_sites = fs.existsSync(out_path)
26 | ? yaml.load(fs.readFileSync(out_path))
27 | : []
28 |
29 | const this_file = import.meta.url.split(`/`).pop()
30 |
31 | console.log(`Running ${this_file}...`)
32 |
33 | const start = performance.now()
34 |
35 | const old_slugs = old_sites.map((site) => site.slug)
36 |
37 | const [seen_sites, skipped_sites, updated_sites] = [[], [], []]
38 |
39 | if (!process.env.GH_TOKEN) {
40 | console.error(`GH_TOKEN environment variable is not set.`)
41 | process.exit(1)
42 | }
43 |
44 | const headers = {
45 | authorization: `token ${process.env.GH_TOKEN}`,
46 | }
47 |
48 | async function fetch_check(url: string) {
49 | const response = await fetch(url, { headers }).then((res) => res.json())
50 | if (response.message) throw new Error(response.message)
51 | return response
52 | }
53 |
54 | function https_url(url: string) {
55 | if (!url) return null
56 | if (url.startsWith(`http`)) return url.replace(`http://`, `https://`)
57 | return `https://${url}`
58 | }
59 |
60 | // Only update site/src/sites.js if a new site was added to sites.yml
61 | // or repo stars were last fetched more than a month ago.
62 | for (const site of sites) {
63 | const slug = title_to_slug(site.title)
64 |
65 | if (seen_sites.includes(slug)) throw new Error(`Duplicate slug ${slug}`)
66 | else seen_sites.push(slug)
67 |
68 | site.slug = slug
69 |
70 | // add open-source tag for all sites with repo key
71 | if (site.repo && !site.tags.includes(`open source`)) {
72 | site.tags.push(`open source`)
73 | site.tags.sort((a, b) => a.localeCompare(b)) // sort tags alphabetically in place
74 | }
75 |
76 | // skip site if it doesn't have a repo key or if data was fetched for it before
77 | // and update_existing is false
78 | if (
79 | !site.repo ||
80 | (old_slugs.includes(slug) && action !== `update-existing`)
81 | ) {
82 | skipped_sites.push(slug)
83 | continue
84 | }
85 |
86 | // also skip site if repo key cannot be parsed into a user login and a repo name
87 | const repoHandle = site.repo.split(`github.com/`)[1]
88 | if (!repoHandle || repoHandle.split(`/`).length !== 2) {
89 | console.error(`bad repo handle ${repoHandle}`)
90 | skipped_sites.push(slug)
91 | continue
92 | }
93 |
94 | // fetch stars
95 | try {
96 | const url = `https://api.github.com/repos/${repoHandle}`
97 | const repo = await fetch_check(url)
98 | site.repo_stars = repo.stargazers_count
99 | } catch (error) {
100 | console.error(`Error fetching stars for ${site.title}:`, error)
101 | }
102 |
103 | // fetch most active contributors
104 | let contributors = await fetch_check(
105 | `https://api.github.com/repos/${repoHandle}/contributors`,
106 | )
107 |
108 | // show at most 5 contributors and only those with more than 10 commits
109 | // and of type 'User' (to filter out bots) sorted by number of contributions
110 | contributors = contributors
111 | .filter((itm) => itm.contributions > 10 && itm.type === `User`)
112 | .sort((c1, c2) => c2.contributions - c1.contributions)
113 | .slice(0, 5)
114 |
115 | contributors = await Promise.all(
116 | contributors.map((person) =>
117 | fetch(person.url, { headers }).then((res) => res.json()),
118 | ),
119 | )
120 |
121 | site.contributors = contributors.map(
122 | ({ name, location, company, ...c }) => ({
123 | github: c.login,
124 | twitter: c.twitter_username,
125 | url: https_url(c.blog),
126 | avatar: c.avatar_url,
127 | name,
128 | location,
129 | company,
130 | }),
131 | )
132 |
133 | updated_sites.push(slug)
134 | }
135 |
136 | const new_sites = sites.map((site) => {
137 | const old_site = old_sites.find((old) => old.slug === site.slug) ?? {}
138 | // retain fetched GitHub data from old_sites in case we didn't refetch
139 | // but overwrite with new data if we did
140 | for (const key of [`repo_stars`, `contributors`]) {
141 | if (site[key] === undefined) site[key] = old_site[key]
142 | }
143 |
144 | site.description = marked.parseInline(site.description)
145 |
146 | return site
147 | })
148 |
149 | const wall_time = ((performance.now() - start) / 1000).toFixed(2)
150 |
151 | const comment = `# auto-generated by ${this_file}\n\n`
152 | fs.writeFileSync(out_path, comment + yaml.dump(new_sites))
153 |
154 | console.log(
155 | `${this_file} took ${wall_time}s, updated ${updated_sites.length}, ` +
156 | `skipped ${skipped_sites.length}\n`,
157 | )
158 | }
159 |
--------------------------------------------------------------------------------
/site/src/tasks/index.ts:
--------------------------------------------------------------------------------
1 | export * from './fetch-github-metadata'
2 | export * from './screenshots'
3 | export * from './update-readme'
4 |
5 | export const action_types = [`add-missing`, `update-existing`] as const
6 | export type Action = (typeof action_types)[number]
7 |
--------------------------------------------------------------------------------
/site/src/tasks/screenshots.ts:
--------------------------------------------------------------------------------
1 | /* This file parses sites.yml, generates low+hi-res screenshots for each site and
2 | saves them as AVIF to site/static/screenshots. */
3 |
4 | import type { Site } from '$lib'
5 | import fs from 'fs'
6 | import yaml from 'js-yaml'
7 | import { performance } from 'perf_hooks'
8 | import puppeteer from 'puppeteer'
9 | import sharp from 'sharp'
10 | import type { Action } from '.'
11 |
12 | export async function make_screenshots(options: { action?: Action } = {}) {
13 | const { action = `add-missing` } = options
14 | const start = performance.now()
15 | const screenshot_dir = `../site/static/screenshots`
16 |
17 | const sites = yaml
18 | .load(fs.readFileSync(`../site/src/sites.yml`))
19 | .sort((s1, s2) => s1.title.localeCompare(s2.title)) as Site[]
20 |
21 | const browser = await puppeteer.launch()
22 | const page = await browser.newPage()
23 |
24 | fs.mkdirSync(screenshot_dir, { recursive: true })
25 |
26 | const arg = process.argv.find((arg) => arg.startsWith(`screenshots:`))
27 | if (action && ![`add-missing`, `update-existing`].includes(action)) {
28 | throw new Error(
29 | `Correct usage: vite [dev] screenshots:[report|download|re-download], got ${arg}\n`,
30 | )
31 | }
32 |
33 | const msg = {
34 | 'add-missing': `Adding screenshots for sites without them`,
35 | 'update-existing': `Updating all existing screenshots`,
36 | }[action]
37 | console.log(msg)
38 |
39 | const [created, updated, skipped, existed] = [[], [], [], []]
40 |
41 | for (const [idx, site] of sites.entries()) {
42 | const { slug } = site
43 |
44 | const img_path = `${screenshot_dir}/${slug}.avif`
45 | const img_exists = fs.existsSync(img_path)
46 |
47 | if (action != `update-existing` && img_exists) {
48 | existed.push(site.slug)
49 | continue
50 | }
51 |
52 | console.log(`${idx + 1}/${sites.length}: ${slug}`)
53 |
54 | try {
55 | try {
56 | await page.goto(site.url, { timeout: 5000, waitUntil: `networkidle2` })
57 | } catch (error) {
58 | if (error instanceof puppeteer.TimeoutError) {
59 | // retry page.goto(), this time waiting only for 'load' event
60 | await page.goto(site.url, { timeout: 5000, waitUntil: `load` })
61 | } else {
62 | throw error // rethrow if not a TimeoutError
63 | }
64 | }
65 | } catch (error) {
66 | console.log(`skipping ${slug} due to ${error}`)
67 | skipped.push(site.slug)
68 | }
69 |
70 | await new Promise((r) => setTimeout(r, 2000)) // wait for sites with on-load animations to settle
71 | await page.setViewport({ width: 1200, height: 900 })
72 | const hires = await page.screenshot()
73 | await page.setViewport({ width: 1200, height: 900, deviceScaleFactor: 0.5 })
74 | const lores = await page.screenshot()
75 | await sharp(hires).toFile(img_path)
76 | await sharp(lores).toFile(`${screenshot_dir}/${slug}.small.avif`)
77 |
78 | if (img_exists) updated.push(site.slug)
79 | else created.push(site.slug)
80 | }
81 |
82 | await browser.close()
83 |
84 | const wall_time = ((performance.now() - start) / 1000).toFixed(2)
85 |
86 | const this_file = import.meta.url.split(`/`).pop()
87 |
88 | if (created.length > 0 || updated.length > 0) {
89 | console.log(
90 | `${this_file} took ${wall_time}s, created ${created.length} new, ${updated.length} updated, ${skipped.length} skipped, ${existed.length} already had screenshots\n`,
91 | )
92 | } else {
93 | console.log(`No changes from ${this_file} in ${wall_time}s\n`)
94 | }
95 |
96 | // delete screenshots of removed site
97 | const existing_slugs = sites.map((site) => site.slug)
98 |
99 | for (const file of fs.readdirSync(screenshot_dir)) {
100 | const slug = file.replace(`.small.avif`, ``).replace(`.avif`, ``)
101 | if (!existing_slugs.includes(slug)) {
102 | console.log(`deleting ${file}`)
103 |
104 | fs.unlinkSync(`${screenshot_dir}/${file}`)
105 | }
106 | }
107 | }
108 |
--------------------------------------------------------------------------------
/site/src/tasks/update-readme.ts:
--------------------------------------------------------------------------------
1 | /* This file parses sites.yml, then updates the list of sites in the readme. */
2 |
3 | import fs from 'fs'
4 | import yaml from 'js-yaml'
5 | import type { Site } from '../lib'
6 |
7 | export function update_readme() {
8 | const readme_path = `../readme.md`
9 | const sites_path = `src/sites.yml`
10 |
11 | const readme = fs.readFileSync(readme_path, `utf8`)
12 | const sites = yaml.load(fs.readFileSync(sites_path)) as Site[]
13 |
14 | const new_line = `\n `
15 |
16 | const new_sites = sites
17 | .sort((site_1, site_2) => {
18 | return (site_2.repo_stars ?? 0) - (site_1.repo_stars ?? 0)
19 | })
20 | .map((site) => {
21 | const { title, repo, uses, description, url, site_src } = site
22 |
23 | if ([title, uses, description, url].includes(undefined)) {
24 | throw new Error(`missing field(s) in site '${title}'`)
25 | }
26 |
27 | try {
28 | let code_link = ``
29 | if (repo) {
30 | const repo_handle = repo.split(`github.com/`)[1]
31 | if (repo_handle.split(`/`).length !== 2) {
32 | throw `bad repo handle ${repo_handle}`
33 | }
34 | const star_badge = `${new_line}${star_badge}${new_line} `
38 | }
39 |
40 | let metadata = description
41 | if (uses?.length > 0) {
42 | metadata += `.
398 | uses: [PNPM, Vercel]
399 | tags: [speed, caching, deployment]
400 | date_created: 2022-04-20
401 | date_added: 2022-04-24
402 |
403 | - title: evidence
404 | url: https://evidence.dev
405 | repo: https://github.com/evidence-dev/evidence
406 | site_src: https://github.com/evidence-dev/evidence/blob/-/sites/example-project
407 | description: Evidence enables analysts to deliver a polished business intelligence system using SQL and markdown.
408 | uses: [PNPM, Changesets, echarts, uvu]
409 | tags: [analytics, business-intelligence, sql, markdown, data viz, charts]
410 | date_created: 2021-05-27
411 | date_added: 2022-05-01
412 |
413 | - title: Coolify
414 | url: https://coolify.io
415 | repo: https://github.com/coollabsio/coolify
416 | description: An open-source & self-hostable Heroku / Netlify alternative.
417 | uses: [PNPM, TypeScript, Tailwind, sveltekit-i18n, PostCSS, Husky]
418 | tags: [self-hosting, deployment, sql, docker, redis, mongodb, databases]
419 | date_created: 2021-03-24
420 | date_added: 2022-05-10
421 |
422 | - title: Flowbite
423 | url: https://flowbite-svelte.com
424 | repo: https://github.com/themesberg/flowbite-svelte
425 | description: Official Svelte components built for Flowbite and Tailwind CSS. All interactivity handled by Svelte.
426 | uses: [PNPM, TypeScript, Tailwind, MDsveX, Prism, PostCSS, Playwright]
427 | tags: [component library, forms, modals, spinners, dark-mode, toast]
428 | date_created: 2022-01-24
429 | date_added: 2022-05-19
430 |
431 | - title: Elementari
432 | url: https://janosh.github.io/elementari
433 | repo: https://github.com/janosh/elementari
434 | npm: https://npmjs.com/package/elementari
435 | description:
436 | 'Interactive visualizations for materials science: periodic tables, 3d crystal
437 | structures (Molecules coming soon), Bohr atoms, nuclei, heatmaps, scatter plots.'
438 | uses:
439 | - TypeScript
440 | - pre-commit
441 | - D3
442 | - svelte-multiselect
443 | - Vitest
444 | - Playwright
445 | - PNPM
446 | - jsdom
447 | - GitHub Pages
448 | tags: [chemistry, science, data viz, plotting, NPM package]
449 | date_created: 2022-05-31
450 | date_added: 2022-06-02
451 |
452 | - title: Pixel Art Together
453 | url: https://pixelart.liveblocks.app
454 | repo: https://github.com/liveblocks/pixel-art-together
455 | description: A multiplayer pixel art editor powered by Liveblocks.
456 | uses: [TypeScript, Liveblocks, Tailwind, PostCSS, panzoom]
457 | tags: [art, drawing, multiplayer, collaboration]
458 | date_created: 2022-02-17
459 | date_added: 2022-06-02
460 |
461 | - title: Sveltestrap
462 | url: https://sveltestrap.js.org
463 | repo: https://github.com/bestguy/sveltestrap
464 | description: Bootstrap 4 & 5 components for Svelte.
465 | uses: [Storybook, Babel, Testing Library, Jest, PostCSS, Prism]
466 | tags: [component library]
467 | date_created: 2017-03-19
468 | date_added: 2022-06-02
469 |
470 | - title: Svelvet
471 | url: https://svelvet.io
472 | repo: https://github.com/oslabs-beta/Svelvet
473 | description: A lightweight Svelte component library for building interactive node-based flow diagrams.
474 | uses: [Playwright, D3, Testing Library, Tailwind, PostCSS, Vitest]
475 | tags: [flow diagrams, dev tool, component library, visualization]
476 | date_created: 2022-05-06
477 | date_added: 2022-06-02
478 |
479 | - title: Cryptgeon
480 | url: https://cryptgeon.org
481 | repo: https://github.com/cupcakearmy/cryptgeon
482 | site_src: https://github.com/cupcakearmy/cryptgeon/blob/-/packages/frontend
483 | description: A secure, open source notes and file sharing service inspired by PrivNote written in Rust & Svelte.
484 | uses: [svelte-intl-precompile, sanitize-html]
485 | tags: [file sharing, note sharing, secure notes, privacy, data protection]
486 | date_created: 2021-05-01
487 | date_added: 2022-06-09
488 |
489 | - title: Svelte Intl Precompile
490 | # weird url as temp fix for https://github.com/cibernox/svelte-intl-precompile/issues/58
491 | url: https://svelte-intl-precompile.com/en/docs/configuration
492 | repo: https://github.com/cibernox/svelte-intl-precompile
493 | description:
494 | I18n library for Svelte that analyzes your keys at build time for maximum performance and
495 | minimal footprint. Built as a SvelteKit plugin so good to use as a reference if you want to build one yourself.
496 | uses: [JS-Yaml, JSON5]
497 | tags: [i18n, translation, internationalization, localization]
498 | date_created: 2021-04-15
499 | date_added: 2022-06-09
500 |
501 | - title: Windmill
502 | url: https://windmill.dev
503 | repo: https://github.com/windmill-labs/windmill
504 | site_src: https://github.com/windmill-labs/windmill/blob/-/frontend
505 | description:
506 | An OSS developer platform to build multi-step automations and internal apps from minimal
507 | Python and Typescript scripts.
508 | uses:
509 | - TypeScript
510 | - Tailwind
511 | - cssnano
512 | - Cypress
513 | - PostCSS
514 | - svelte-highlight
515 | - svelte-markdown
516 | tags: [automation, dev tools, python, scripting, self-hostable]
517 | date_created: 2022-05-05
518 | date_added: 2022-06-17
519 |
520 | - title: Threlte
521 | url: https://threlte.xyz
522 | repo: https://github.com/threlte/threlte
523 | site_src: https://github.com/threlte/threlte/blob/-/apps/docs
524 | description:
525 | Threlte is a component library for Svelte to build and render three.js scenes declaratively
526 | and state-driven in Svelte apps.
527 | uses: [TypeScript, Three.js, Tailwind, PostCSS, Algolia, Iconify]
528 | tags: [component library, data viz, docs, monorepo, interactive]
529 | date_created: 2022-01-15
530 | date_added: 2022-07-17
531 |
532 | - title: svelte-french-toast
533 | url: https://svelte-french-toast.com
534 | repo: https://github.com/kbrgl/svelte-french-toast
535 | description: Svelte port of react-hot-toast, a lightweight, customizable toast notification library.
536 | uses: [TypeScript, Prism, Tailwind, PostCSS, PNPM]
537 | tags: [toast, notifications, snackbar]
538 | date_created: 2022-06-04
539 | date_added: 2022-07-24
540 |
541 | - title: Hexapipes
542 | url: https://hexapipes.vercel.app
543 | repo: https://github.com/gereleth/hexapipes
544 | description: Browser game where the goal is to correctly line up pipes placed on hexagonal puzzle pieces.
545 | uses: [Vercel]
546 | tags: [game]
547 | date_created: 2022-06-25
548 | date_added: 2022-07-28
549 |
550 | - title: Svelte Commerce
551 | url: https://demo.litekart.in
552 | repo: https://github.com/itswadesh/svelte-commerce
553 | description:
554 | Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores,
555 | Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1
556 | command deploy to your own server, 1 click deploy to Netlify/Vercel.
557 | uses: [Vercel, Tailwind, TypeScript, svelte-toasts, PostCSS, cssnano]
558 | tags: [commerce, shopping, login, store]
559 | date_created: 2020-04-27
560 | date_added: 2022-08-23
561 |
562 | - title: Joy of Code
563 | url: https://joyofcode.xyz
564 | repo: https://github.com/mattcroat/joy-of-code
565 | description: 🌸 Joy of Code is a digital garden growing curious minds.
566 | uses:
567 | - GitHub API
568 | - Monaco
569 | - Playwright
570 | - Google Analytics
571 | - Supabase
572 | - Vercel
573 | - PNPM
574 | - Sass
575 | - TypeScript
576 | - remark
577 | - rehype
578 | tags: [blog, community, cms]
579 | date_created: 2020-10-19
580 | date_added: 2022-08-31
581 |
582 | - title: QWER
583 | url: https://svelte-qwer.vercel.app
584 | repo: https://github.com/kwchang0831/svelte-QWER
585 | description: ✒︎ Simply Awesome Blog Starter built with SvelteKit and ❤
586 | uses: [UnoCSS, TypeScript, MarkedJS, PNPM, Vercel]
587 | tags: [blog, template]
588 | date_created: 2022-06-28
589 | date_added: 2022-09-04
590 |
591 | - title: StemRoller
592 | url: https://stemroller.com
593 | repo: https://github.com/stemrollerapp/stemroller
594 | description: Isolate vocals, drums, bass, and other instrumental stems from any song
595 | uses: [Electron, Tailwind, Lodash, PostCSS, ytdl-core]
596 | tags: [desktop app, music, machine learning, deep learning]
597 | date_created: 2022-07-10
598 | date_added: 2022-09-07
599 |
600 | - title: Houses of World
601 | url: https://housesof.world
602 | description: A travel, photography and design project showcasing charismatic houses around the world.
603 | uses:
604 | - Typescript
605 | - SCSS
606 | - PostCSS
607 | - Motion One
608 | - OGL
609 | - WebGL
610 | - Directus
611 | - Swell Commerce
612 | - Vercel
613 | tags:
614 | - animations
615 | - transitions
616 | - photography
617 | - commerce
618 | - design
619 | - typography
620 | - graphic design
621 | date_created: 2022-09-27
622 | date_added: 2022-09-30
623 |
624 | - title: Skeleton
625 | url: https://skeleton.dev
626 | repo: https://github.com/Brain-Bones/skeleton
627 | description: A fully featured web UI toolkit for Svelte + Tailwind. Supports SvelteKit, Vite, and Astro.
628 | uses: [Vitest, PostCSS, highlight.js, Tailwind, Typescript, jsdom]
629 | tags: [component library]
630 | date_created: 2022-02-23
631 | date_added: 2022-10-30
632 |
633 | - title: Svelte MultiSelect
634 | url: https://janosh.github.io/svelte-multiselect
635 | repo: https://github.com/janosh/svelte-multiselect
636 | description: Keyboard-friendly, accessible and highly customizable multi-select component.
637 | npm: https://npmjs.com/package/svelte-multiselect
638 | uses:
639 | - Vitest
640 | - Playwright
641 | - Typescript
642 | - PNPM
643 | - pre-commit
644 | - rehype
645 | - jsdom
646 | - GitHub Pages
647 | - mdsvexamples
648 | tags: [forms, select component, interactive, NPM package]
649 | date_created: 2021-05-07
650 | date_added: 2022-10-30
651 |
652 | - title: Fireship
653 | url: https://fireship.io
654 | repo: https://github.com/fireship-io/fireship.io
655 | description:
656 | The Fireship PRO course platform frontend built with Svelte, Tailwind CSS, Hugo
657 | (for static content management), Firebase for Auth and DB, Flamethrower for routing.
658 | uses: [Tailwind, Hugo, Firebase, Flamethrower, Sass, PostCSS, Algolia]
659 | tags: [education, tutorials, web dev]
660 | date_created: 2019-01-07
661 | date_added: 2022-11-19
662 |
663 | - title: Intl Explorer
664 | url: https://intl-explorer.com
665 | repo: https://github.com/jesperorb/intl-explorer
666 | description: A tool for experimenting and trying out the ECMAScript Internationalization API.
667 | uses:
668 | [TypeScript, PNPM, Playwright, Vercel, svelte-highlight, Husky, commitlint]
669 | tags: [education, tutorials, web dev, interactive, playground]
670 | date_created: 2021-12-02
671 | date_added: 2022-11-27
672 |
673 | - title: SvelteKit Embed
674 | url: https://sveltekit-embed.vercel.app
675 | repo: https://github.com/spences10/sveltekit-embed
676 | description:
677 | SvelteKit embed components for YouTube, Vimeo, Twitter, Spotify, SoundCloud, StackBlitz,
678 | CodePen, AnchorFM, Simple Cast and more.
679 | uses:
680 | - TypeScript
681 | - PNPM
682 | - Vercel
683 | - MDsveX
684 | - Tailwind
685 | - PostCSS
686 | - Husky
687 | - Playwright
688 | - DaisyUI
689 | tags: [component library]
690 | date_created: 2021-07-17
691 | date_added: 2022-12-09
692 |
693 | - title: SvelteKit static blog starter
694 | url: https://sveltekit-static-starter.netlify.app
695 | repo: https://github.com/josh-collinsworth/sveltekit-blog-starter
696 | description:
697 | A pre-configured SvelteKit static blog starter, with Sass, Markdown, MDSvex, Rehype
698 | and background preloading.
699 | uses: [Netlify, MDsveX, Sass, Husky]
700 | tags: [blog starter, sass, markdown, mdsvex, page transitions, seo, rss]
701 | date_created: 2021-11-02
702 | date_added: 2023-01-11
703 |
704 | - title: svelte-put
705 | url: https://svelte-put.vnphanquang.com
706 | repo: https://github.com/vnphanquang/svelte-put
707 | description: Useful svelte stuff to put in your projects.
708 | uses: [Changesets, MDsveX, PostCSS, PNPM, Turbo]
709 | tags: [preprocessor, actions, component library]
710 | date_created: 2022-05-12
711 | date_added: 2023-01-14
712 |
713 | - title: sveltekit-mdsvex-blog
714 | url: https://sveltekit-mdsvex-blog.netlify.app
715 | repo: https://github.com/mvasigh/sveltekit-mdsvex-blog
716 | description: A minimalist blog template built with SvelteKit and MDsveX.
717 | uses: [TypeScript, MDsveX, Rehype, Remark, PNPM, Vitest, Playwright]
718 | tags: [blog, markdown, template, starter]
719 | date_created: 2021-05-08
720 | date_added: 2023-01-15
721 |
722 | - title: sveltekit-typescript-showcase
723 | url: https://github.com/ivanhofer/sveltekit-typescript-showcase
724 | repo: https://github.com/ivanhofer/sveltekit-typescript-showcase
725 | description: This repository shows how Svelte and SvelteKit work together with TypeScript.
726 | uses: [TypeScript]
727 | tags: [showcase, tutorial, learning]
728 | date_created: 2022-03-07
729 | date_added: 2023-02-24
730 |
731 | - title: svelte-command-palette
732 | url: https://svelte-command-palette.vercel.app
733 | repo: https://github.com/rohitpotato/svelte-command-palette
734 | npm: https://npmjs.com/package/svelte-command-palette
735 | description: Dead simple command palette with fuzzy search.
736 | uses: [TypeScript, Playwright, PostCSS, Tailwind, Release It, Vercel]
737 | tags: [cmd-palette, NPM package]
738 | date_created: 2022-06-17
739 | date_added: 2023-02-27
740 |
741 | - title: svelte-legos
742 | url: https://svelte-legos.surge.sh
743 | repo: https://github.com/ankurrsinghal/svelte-legos
744 | npm: https://npmjs.com/package/svelte-legos
745 | description: A library of Svelte actions.
746 | uses: [TypeScript, vitest, Tailwind, PostCSS, Prism]
747 | tags: [component library, NPM package, actions]
748 | date_created: 2023-02-21
749 | date_added: 2023-03-06
750 |
751 | - title: Watch This
752 | url: https://github.com/StephDietz/watch-this/issues/28
753 | repo: https://github.com/StephDietz/watch-this
754 | description:
755 | Uses OpenAI GPT-3 API and streaming Vercel edge functions to generate cinema
756 | recommendations based on user input.
757 | uses: [TypeScript, Vercel, Tailwind]
758 | tags: [content recommendation, edge functions, machine learning]
759 | date_created: 2023-01-26
760 | date_added: 2023-03-25
761 |
762 | - title: editable-website
763 | url: https://editable.website
764 | repo: https://github.com/michael/editable-website
765 | description: A SvelteKit template for building CMS-free editable websites.
766 | uses: [Tailwind, ProseMirror, AWS]
767 | tags: [postgres, richtext, editable, cms-free, template]
768 | date_created: 2023-04-04
769 | date_added: 2023-05-07
770 |
771 | - title: Chat UI
772 | url: https://huggingface.co/chat
773 | repo: https://github.com/huggingface/chat-ui
774 | description: Powers the HuggingChat app. Making the community's best AI chat models available to everyone.
775 | uses: [Huggingface Inference, Huggingface Hub, Tailwind]
776 | tags: [gpt, ai, nlp, chat, large language models]
777 | date_created: 2023-04-04
778 | date_added: 2023-05-11
779 |
780 | - title: Team Health Check
781 | url: https://team-health-check-coral.vercel.app
782 | repo: https://github.com/codehub-kirans/team-health-check
783 | description: A tool to visualize historical agile scrum team performance based on behavior anchors.
784 | uses: [PicoCSS, Pocketbase, Vercel]
785 | tags: [agile team health, agile spotify, team health check]
786 | date_created: 2023-05-05
787 | date_added: 2023-05-14
788 |
789 | - title: SvelteLab
790 | url: https://sveltelab.dev
791 | repo: https://github.com/sveltelab/sveltelab
792 | description: Supercharged REPL for Svelte (think StackBlitz specialized for Svelte)
793 | uses:
794 | - Playwright
795 | - vitest
796 | - Iconify
797 | - MarkedJS
798 | - TypeScript
799 | - PNPM
800 | - Pocketbase
801 | - Vercel
802 | - Tailwind
803 | tags: [repl, playground]
804 | date_created: 2023-02-23
805 | date_added: 2023-05-21
806 |
807 | - title: Significa.co
808 | url: https://significa.co
809 | repo: https://github.com/significa/significa.co
810 | description: Product Design and Development agency website, built with Sveltekit.
811 | uses:
812 | - TypeScript
813 | - Vercel
814 | - Tailwind
815 | - AWS
816 | - Dynamodb
817 | - Notion
818 | - Storyblock
819 | - Matter.js
820 | - Plausible
821 | tags: [company, agency]
822 | date_created: 2023-05-13
823 | date_added: 2023-05-22
824 |
825 | - title: shadcn-svelte
826 | url: https://shadcn-svelte.com
827 | site_src: https://github.com/huntabyte/shadcn-svelte/tree/main/sites/docs
828 | repo: https://github.com/huntabyte/shadcn-svelte
829 | description: shadcn/ui, but for Svelte.
830 | uses:
831 | [TypeScript, Vercel, Tailwind, PNPM, Changesets, vitest, Prism, MarkedJS]
832 | tags: [component library, community]
833 | date_created: 2023-05-15
834 | date_added: 2023-07-06
835 |
836 | - title: learn.svelte.dev
837 | url: https://learn.svelte.dev
838 | repo: https://github.com/sveltejs/learn.svelte.dev
839 | description: A soup-to-nuts interactive tutorial on how to build apps with Svelte.
840 | uses: [Vercel, PNPM, Prism, MarkedJS, CodeMirror]
841 | tags: [docs, tutorial, education, community]
842 | date_created: 2023-05-15
843 | date_added: 2023-07-27
844 |
845 | - title: Dotfyle
846 | url: https://dotfyle.com
847 | repo: https://github.com/codicocodes/dotfyle
848 | description: Discover and share Neovim configurations and plugins.
849 | uses: [TypeScript, PNPM, tRPC-SvelteKit, Prisma, Tailwind, Octokit]
850 | tags: [neovim, dotfiles, community]
851 | date_created: 2023-03-11
852 | date_added: 2023-08-01
853 |
854 | - title: tRPC-SvelteKit
855 | url: https://icflorescu.github.io/trpc-sveltekit
856 | repo: https://github.com/icflorescu/trpc-sveltekit
857 | description: End-to-end type-safe APIs for your SvelteKit applications.
858 | uses: [TypeScript, tRPC]
859 | tags: [community, open source, NPM package, docs, dev tools]
860 | date_created: 2022-02-10
861 | date_added: 2023-08-03
862 |
863 | - title: ASM Editor
864 | url: https://asm-editor.specy.app
865 | repo: https://github.com/Specy/asm-editor
866 | description: A modern webapp to write, run and learn M68K assembly code.
867 | uses: [TypeScript, Sass, Monaco, WASM]
868 | tags: [Javascript, interpreter, emulator, assembly, M68K]
869 | date_created: 2022-04-22
870 | date_added: 2023-09-30
871 |
872 | - title: Ollama Web UI
873 | url: https://ollamahub.com
874 | repo: https://github.com/ollama-webui/ollama-webui
875 | description: ChatGPT-Style Web UI Client for Ollama 🦙.
876 | uses: [highlight.js, MarkedJS, KaTeX, TypeScript, Tailwind]
877 | tags: [chatbot, AI, NLP, GPT, large language models, UI]
878 | date_created: 2023-10-07
879 | date_added: 2024-01-01
880 |
881 | - title: Immich
882 | url: https://immich.app
883 | repo: https://github.com/immich-app/immich
884 | description: Self-hosted photo and video backup solution directly from your mobile phone.
885 | uses: [NestJS, TypeScript, Tailwind, Flutter, Python]
886 | tags: [photos, photo-gallery, self-hosted, backup-tool, media]
887 | date_created: 2022-02-03
888 | date_added: 2024-01-22
889 |
890 | - title: Auth starter app
891 | url: https://passlock.dev
892 | site_src: https://github.com/passlock-dev/passlock/tree/master/packages/create-sveltekit/docs
893 | repo: https://github.com/passlock-dev/passlock
894 | description: SvelteKit template featuring Passkeys, Social Sign in and more.
895 | uses: [passlock, tailwind, superforms, lucia]
896 | tags: [security, authentication, passkeys, template]
897 | date_created: 2024-04-22
898 | date_added: 2024-05-17
899 |
900 | - title: Svead
901 | url: https://svead.pages.dev
902 | repo: https://github.com/spences10/svead
903 | description:
904 | Svead 🍺, a component that allows you to set head meta information, canonical, title,
905 | Twitter and Facebook Open Graph tags, and schema.org data.
906 | uses:
907 | - TypeScript
908 | - PNPM
909 | - Cloudflare Pages
910 | - MDsveX
911 | - Tailwind
912 | - PostCSS
913 | - DaisyUI
914 | tags: [component library]
915 | date_created: 2022-05-15
916 | date_added: 2024-05-31
917 |
918 | - title: barnsworthburning
919 | url: https://barnsworthburning.net
920 | repo: https://github.com/Aias/barnsworthburning
921 | description: An experimental commonplace book / digital garden with a richly
922 | interconnected set of links, notes, and ideas.
923 | uses:
924 | - TypeScript
925 | - Airtable
926 | - Radix
927 | - MarkedJS
928 | - Cloudflare Pages
929 | tags: [digital garden, commonplace, notes, networks, themes]
930 | date_created: 2019-07-09
931 | date_added: 2024-07-28
932 |
933 | - title: macOS-Themed Portfolio
934 | url: https://macosportfolio.netlify.app
935 | repo: https://github.com/ansxuman/macOS-Themed-Portfolio
936 | description: An interactive portfolio website inspired by the macOS interface.
937 | uses: [TypeScript, Tailwind, PM2, Cloudflare, Netlify, Nginx]
938 | tags: [portfolio, macos, theme, interactive, blogs, projects]
939 | date_created: 2024-10-13
940 | date_added: 2024-11-19
941 |
942 | - title: VERT
943 | url: https://vert.sh
944 | repo: https://github.com/VERT-sh/VERT
945 | description: A file converter that converts files client-side while being completely ad-free.
946 | uses: [TypeScript, Tailwind, Coolify, WASM, FFmpeg, libvips, Plausible]
947 | tags:
948 | [ffmpeg, conversion, wasm, vips, open source, graphics, video, audio, files]
949 | date_created: 2024-11-12
950 | date_added: 2025-02-20
951 | repo_stars: 3328
952 |
--------------------------------------------------------------------------------
/tools.yml:
--------------------------------------------------------------------------------
1 | airtable: https://airtable.com
2 | algolia: https://algolia.com
3 | anime.js: https://animejs.com
4 | aws: https://aws.amazon.com
5 | babel: https://babeljs.io
6 | changesets: https://github.com/changesets/changesets
7 | chart.js: https://chartjs.org
8 | cloudflare pages: https://pages.cloudflare.com
9 | cloudflare: https://cloudflare.com
10 | cloudinary: https://cloudinary.com
11 | codemirror: https://codemirror.net
12 | commitlint: https://github.com/conventional-changelog/commitlint
13 | coolify: https://coolify.io
14 | cssnano: https://cssnano.github.io/cssnano
15 | cypress: https://cypress.io
16 | cytoscape.js: https://js.cytoscape.org
17 | d3: https://d3js.org
18 | daisyui: https://daisyui.com
19 | directus: https://directus.io
20 | docker: https://docker.com
21 | dynamodb: https://aws.amazon.com/dynamodb
22 | echarts: https://github.com/apache/echarts
23 | elder.js: https://github.com/Elderjs/elderjs
24 | electron: https://electronjs.org
25 | ffmpeg: https://ffmpeg.org
26 | filepond: https://pqina.nl/filepond
27 | firebase: https://firebase.google.com
28 | flamethrower: https://github.com/fireship-io/flamethrower
29 | flutter: https://flutter.dev
30 | github api: https://docs.github.com/rest
31 | github pages: https://pages.github.com
32 | gitpod: https://gitpod.io
33 | google analytics: https://analytics.google.com
34 | google tag manager: https://tagmanager.google.com
35 | graphcms: https://graphcms.com
36 | graphql: https://graphql.org
37 | gsap: https://greensock.com/gsap
38 | highlight.js: https://highlightjs.org
39 | huggingface hub: https://github.com/huggingface/huggingface_hub
40 | huggingface inference: https://github.com/huggingface/text-generation-inference
41 | hugo: https://gohugo.io
42 | husky: https://github.com/typicode/husky
43 | ibm carbon: https://carbondesignsystem.com
44 | iconify: https://iconify.design
45 | iconoir: https://iconoir.com
46 | jest: https://jestjs.io
47 | js-yaml: https://github.com/nodeca/js-yaml
48 | jsdoc: https://jsdoc.app
49 | jsdom: https://github.com/jsdom/jsdom
50 | json5: https://github.com/json5/json5
51 | katex: https://github.com/KaTeX/KaTeX
52 | libvips: https://libvips.org
53 | liveblocks: https://liveblocks.io
54 | lodash: https://lodash.com
55 | lucia: https://github.com/lucia-auth/lucia
56 | mapbox: https://mapbox.com
57 | markedjs: https://marked.js.org
58 | matter.js: https://brm.io/matter-js
59 | mdsvex: https://github.com/pngwn/MDsveX
60 | mdsvexamples: https://github.com/mattjennings/mdsvexamples
61 | mocha: https://mochajs.org
62 | monaco: https://microsoft.github.io/monaco-editor
63 | motion one: https://motion.dev
64 | mvp.css: https://github.com/andybrewer/mvp
65 | nestjs: https://nestjs.com
66 | netlify: https://netlify.com
67 | nginx: https://nginx.org
68 | notion: https://notion.so
69 | octokit: https://github.com/octokit/octokit.js
70 | ogl: https://github.com/oframe/ogl
71 | panzoom: https://github.com/timmywil/panzoom
72 | passlock: https://github.com/passlock-dev/passkeys
73 | picocss: https://picocss.com
74 | plausible: https://plausible.io
75 | playwright: https://playwright.dev
76 | pm2: https://pm2.io
77 | pnpm: https://pnpm.io
78 | pocketbase: https://pocketbase.io
79 | postcss: https://postcss.org
80 | pre-commit: https://pre-commit.com
81 | prism: https://prismjs.com
82 | prisma: https://prisma.io
83 | prosemirror: https://prosemirror.net
84 | python: https://python.org
85 | radix: https://radix-ui.com
86 | rehype: https://github.com/rehypejs/rehype
87 | release it: https://github.com/release-it/release-it
88 | remark: https://github.com/remarkjs/remark
89 | sanitize-html: https://github.com/apostrophecms/sanitize-html
90 | sanity: https://sanity.io
91 | sass: https://sass-lang.com
92 | scss: https://sass-lang.com/documentation/syntax
93 | smui: https://sveltematerialui.com
94 | spotify web api: https://github.com/JMPerez/spotify-web-api-js
95 | storyblock: https://storyblok.com
96 | storybook: https://storybook.js.org
97 | supabase: https://supabase.com
98 | superforms: https://github.com/ciscoheat/sveltekit-superforms
99 | surge.sh: https://surge.sh
100 | svelte forms lib: https://github.com/tjinauyeung/svelte-forms-lib
101 | svelte-enhanced-img: https://svelte.dev/docs/kit/images#sveltejs-enhanced-img
102 | svelte-highlight: https://github.com/metonym/svelte-highlight
103 | svelte-intl-precompile: https://github.com/cibernox/svelte-intl-precompile
104 | svelte-markdown: https://github.com/pablo-abc/svelte-markdown
105 | svelte-multiselect: https://github.com/janosh/svelte-multiselect
106 | svelte-toasts: https://github.com/mzohaibqc/svelte-toasts
107 | sveltekit-i18n: https://github.com/sveltekit-i18n/lib
108 | swell commerce: https://swell.is
109 | tailwind: https://tailwindcss.com
110 | testing library: https://testing-library.com
111 | three.js: https://threejs.org
112 | trpc-sveltekit: https://github.com/icflorescu/trpc-sveltekit
113 | trpc: https://trpc.io
114 | turbo: https://github.com/vercel/turbo
115 | typescript: https://typescriptlang.org
116 | underscore: https://underscorejs.org
117 | unocss: https://github.com/unocss/unocss
118 | uvu: https://github.com/lukeed/uvu
119 | vercel: https://vercel.com
120 | vitest: https://vitest.dev
121 | wasm: https://webassembly.org
122 | webgl: https://developer.mozilla.org/docs/Web/API/WebGL_API
123 | ytdl-core: https://github.com/fent/node-ytdl-core
124 |
--------------------------------------------------------------------------------
3 | 
25 |
26 |
27 | ChatGPT-Style Web UI Client for Ollama 🦙.
35 |
36 |
37 | Cybernetically enhanced web apps.
45 |
46 |
47 | Self-hosted photo and video backup solution directly from your mobile phone.
55 |
56 |
57 | An open-source & self-hostable Heroku / Netlify alternative.
65 |
66 |
67 | The fastest way to build Svelte apps.
75 |
76 |
77 | Gitpod streamlines developer workflows by providing prebuilt, collaborative development environments in your browser - powered by VS Code.
85 |
86 |
87 | An OSS developer platform to build multi-step automations and internal apps from minimal Python and Typescript scripts.
95 |
96 |
97 | Powers the HuggingChat app. Making the community's best AI chat models available to everyone.
105 |
106 |
107 | shadcn/ui, but for Svelte.
115 |
116 |
117 | A fully featured web UI toolkit for Svelte + Tailwind. Supports SvelteKit, Vite, and Astro.
125 |
126 |
127 | Evidence enables analysts to deliver a polished business intelligence system using SQL and markdown.
135 |
136 |
137 | Edit, live preview and share mermaid charts and diagrams.
145 |
146 |
147 | The Fireship PRO course platform frontend built with Svelte, Tailwind CSS, Hugo (for static content management), Firebase for Auth and DB, Flamethrower for routing.
155 |
156 |
157 | Svelte Material UI Components.
165 |
166 |
167 | A file converter that converts files client-side while being completely ad-free.
175 |
176 |
177 | Threlte is a component library for Svelte to build and render three.js scenes declaratively and state-driven in Svelte apps.
185 |
186 |
187 | Isolate vocals, drums, bass, and other instrumental stems from any song
195 |
196 |
197 | Official Svelte components built for Flowbite and Tailwind CSS. All interactivity handled by Svelte.
205 |
206 |
207 | Replicate some of the macOS desktop experience on the web.
215 |
216 |
217 | SvelteKit implementation of the RealWorld app.
225 |
226 |
227 | Unofficial Svelte port of Headless UI components.
235 |
236 |
237 | Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to Netlify/Vercel.
245 |
246 |
247 | A SvelteKit template for building CMS-free editable websites.
255 |
256 |
257 | Graphics framework for Svelte with colorful demo page. Can generate responsive graphics server-side that work without JavaScript.
265 |
266 |
267 | Translate software products 2x faster.
275 |
276 |
277 | Experimental Svelte charting library. Visualize data with a combination of HTML, SVG and canvas/WebGL. Designed with server-side rendering in mind, so graphs potentially work without JavaScript. Blog post.
285 |
286 |
287 | Bootstrap 4 & 5 components for Svelte.
295 |
296 |
297 | Three.js component library for Svelte. Abandoned. Check out threlte instead.
305 |
306 |
307 | Alternative frontend for YouTube Music.
315 |
316 |
317 | A secure, open source notes and file sharing service inspired by PrivNote written in Rust & Svelte.
325 |
326 |
327 | Discover and share Neovim configurations and plugins.
335 |
336 |
337 | Svelte port of react-hot-toast, a lightweight, customizable toast notification library.
345 |
346 |
347 | Documentation site for Houdini.
355 |
356 |
357 | Useful svelte stuff to put in your projects.
365 |
366 |
367 | End-to-end type-safe APIs for your SvelteKit applications.
375 |
376 |
377 | A library of Svelte actions.
385 |
386 |
387 | This repository shows how Svelte and SvelteKit work together with TypeScript.
395 |
396 |
397 | An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for 2022!
405 |
406 |
407 | A faithful implementation of Microsoft's Fluent design system in Svelte.
415 |
416 |
417 | Sweet & Powerful SvelteKit Blog Template.
425 |
426 |
427 | A soup-to-nuts interactive tutorial on how to build apps with Svelte.
435 |
436 |
437 | ✒︎ Simply Awesome Blog Starter built with SvelteKit and ❤
445 |
446 |
447 | A pre-configured SvelteKit static blog starter, with Sass, Markdown, MDSvex, Rehype and background preloading.
455 |
456 |
457 | 🌸 Joy of Code is a digital garden growing curious minds.
465 |
466 |
467 | 3rd Party File Manager for Windows.
475 |
476 |
477 | Supercharged REPL for Svelte (think StackBlitz specialized for Svelte)
485 |
486 |
487 | Global network of Svelte fans striving to promote Svelte and its ecosystem.
495 |
496 |
497 | Uses OpenAI GPT-3 API and streaming Vercel edge functions to generate cinema recommendations based on user input.
505 |
506 |
507 | Easily create and fine-tune fluid typography values with Modern CSS 
515 |
516 |
517 | Curated list of neovim plugins.
525 |
526 |
527 | Personal website and blog of Matt Fantinel, web developer.
535 |
536 |
537 | Keyboard-friendly, accessible and highly customizable multi-select component.
545 |
546 |
547 | 100+ MIT-licensed scientific diagrams created with CeTZ (Typst) and/or TikZ (LaTeX). Mostly about physics, chemistry, and machine learning.
555 |
556 |
557 | I18n library for Svelte that analyzes your keys at build time for maximum performance and minimal footprint. Built as a SvelteKit plugin so good to use as a reference if you want to build one yourself.
565 |
566 |
567 | Product Design and Development agency website, built with Sveltekit.
575 |
576 |
577 | SvelteKit, running on the edge. In this case, Vercel's edge network. See https://twitter.com/leeerob/status/1517627769924034565.
585 |
586 |
587 | SvelteKit embed components for YouTube, Vimeo, Twitter, Spotify, SoundCloud, StackBlitz, CodePen, AnchorFM, Simple Cast and more.
595 |
596 |
597 | A multiplayer pixel art editor powered by Liveblocks.
605 |
606 |
607 | Browser game where the goal is to correctly line up pipes placed on hexagonal puzzle pieces.
615 |
616 |
617 | Dead simple command palette with fuzzy search.
625 |
626 |
627 | SvelteKit template featuring Passkeys, Social Sign in and more.
635 |
636 |
637 | A modern webapp to write, run and learn M68K assembly code.
645 |
646 |
647 | A minimalist blog template built with SvelteKit and MDsveX.
655 |
656 |
657 | Interactive visualizations for materials science: periodic tables, 3d crystal structures (Molecules coming soon), Bohr atoms, nuclei, heatmaps, scatter plots.
665 |
666 |
667 | A tool for experimenting and trying out the ECMAScript Internationalization API.
675 |
676 |
677 | A simple web game where you are given 45 seconds and $100 to make as much money as you can trading a fake stock.
685 |
686 |
687 | A set of example apps built with SvelteKit and deployed on Vercel. As an ongoing project, this will continue to be enhanced with more examples to showcase the power of SvelteKit.
695 |
696 |
697 | The unofficial SvelteKit docs.
705 |
706 |
707 | Svead 🍺, a component that allows you to set head meta information, canonical, title, Twitter and Facebook Open Graph tags, and schema.org data.
721 |
722 |
723 | Creative, content-based portfolio site of Connor Rothschild.
731 |
732 |
733 | Digital publication with emphasis on data viz.
741 |
742 |
743 | An interactive portfolio website inspired by the macOS interface.
751 |
752 |
753 | Round-based browser game where you guess the year in which famous event happened. Answers range between 1900-2021. You start with 100 points. The more your guess is off, the more points you loose.
761 |
762 |
763 | A tool for planning your multi-monitor setup.
771 |
772 |
773 | An experimental commonplace book / digital garden with a richly interconnected set of links, notes, and ideas.
781 |
782 |
783 | Puru Vijay's blog site.
791 |
792 |
793 | Easily generate a playlist for your upcoming concerts based on selected artists!
801 |
802 |
803 | This blog starter shows how to use SvelteKit with GraphCMS.
811 |
812 |
813 | The 4th virtual conference about Svelte
821 |
822 |
823 | A tool to visualize historical agile scrum team performance based on behavior anchors.
831 |
832 |
833 | Scholarly conference in the digital humanities.
841 |
842 |
843 | A lightweight Svelte component library for building interactive node-based flow diagrams.
33 | landing page
34 | .
35 | 
118 | 
`
35 | code_link =
36 | ` ${new_line}[[code](${site_src ?? repo})] ${new_line}` +
37 | `${new_line}${star_badge}${new_line}`
38 | }
39 |
40 | let metadata = description
41 | if (uses?.length > 0) {
42 | metadata += `