u/soyluhaliyikama

I built a dynamic SVG generator for GitHub READMEs using Svelte 5 and SvelteKit SSR

I built a dynamic SVG generator for GitHub READMEs using Svelte 5 and SvelteKit SSR

https://reddit.com/link/1ue452p/video/cjtn01xbx59h1/player

Hey Svelters!

I wanted an animated Star History chart for my GitHub READMEs. Existing tools mostly generate static PNGs or rely on JS (which gets stripped out by GitHub's image proxy).

So I decided to build one myself using Svelte 5 and SvelteKit!

How it works:

  • It uses a +server.ts endpoint to fetch the GitHub API and renders a StarGraphSVG.svelte component on the server using Svelte 5's render function from svelte/server.
  • To bypass the JS limitation on GitHub, all the line drawing and "pop" animations are done entirely via Pure CSS -@keyframes embedded directly inside the SVG component's <style> block.

It works perfectly natively inside any markdown file!

Source Code: https://github.com/YusufCeng1z/star-history

 Live Web App: https://starhistory.link

I had a blast using Svelte 5 runes ($state$derived) and SSR for this project. Would love to hear your feedback on the architecture or the code!

reddit.com
u/soyluhaliyikama — 12 days ago

I built an open-source Waitlist Template using SvelteKit, Notion API, and Resend

https://reddit.com/link/1ubbyss/video/se3kvevv5j8h1/player

 Hi everyone,

I needed a simple waitlist for my side projects but didn't want to rely on paid tools or set up a complex backend. So I built this open-source template.

Instead of using heavy animation libraries like Framer Motion, I replicated all the layout transitions (like the collapsing input form) using Svelte's native svelte/motion (springs) and svelte/transition.

It uses the Notion API as a free database to store the collected emails and Resend to send out an automated welcome email.

Tech stack:

  • SvelteKit
  • Tailwind CSS v4
  • Svelte Springs / Transitions
  • Notion API & Resend

It's completely free to use.

Source code: https://github.com/YusufCeng1z/svelte-waitlist-template 

Live demo: https://svelte-waitlist-template.vercel.app/

Let me know if you have any feedback or questions. Pull requests are always welcome!

reddit.com
u/soyluhaliyikama — 15 days ago

Built my new minimalist portfolio with SvelteKit + GSAP

https://preview.redd.it/06t7ui9y3j7h1.png?width=1904&format=png&auto=webp&s=8d8fa2bc118c441acac943de9fa71f7bffc82d3c

Hey everyone,

I just finished redesigning my personal portfolio. I wanted to keep it strictly minimalist, so I used SvelteKit along with GSAP for some subtle animations and Lenis for smooth scrolling.

Here is the link: yusufcengiz.dev

I'd love to hear your thoughts. Any feedback, design tweaks, or suggestions to improve it would be highly appreciated!

reddit.com
u/soyluhaliyikama — 20 days ago