Skip to content

Loading

Thilina Rathnayaka

Developer & Designer

When something takes me longer than it should, I write it down here. So far that's Next.js, shadcn/ui, Flask, Git, and a fair bit of DNS.

Most of it comes from my own TypeScript and React projects. The finished work lives on my portfolio.

Writing

shadcn/ui with Base UI: Setup and Migrating from Radixshadcn/ui now builds on Base UI by default. How to set it up in Next.js, what replaces asChild, what changed from Radix, and the errors you hit when migrating.Sep 30

near-field 0.2: Cursor Proximity Without Reactnear-field 0.2 ships a vanilla entry: the same proximity field, springs, and Magnetic, Tilt, and Glow effects with no framework at all. Plain functions that take an element and return a cleanup, about 3KB min+gzip, and importable straight from a CDN with no bundler.Sep 26

How to Set Up next-themes in Next.js (App Router and shadcn/ui)Set up next-themes in Next.js: install it, add the ThemeProvider for the App Router and shadcn/ui, build a toggle that follows the system theme, and fix the hydration mismatch.Sep 14

Hover Is Binary, So I Built near-fieldCSS has nothing between 'not hovering' and 'hovering', so every proximity effect gets rebuilt in JavaScript, per component, per project. near-field turns cursor proximity into a CSS input: one hook, three custom properties, and your stylesheet decides what 'near' means.Jul 16

Template-NEXT: A Comprehensive Guide to Getting StartedAn in-depth look at Template-NEXT v0.5.0, a professional Next.js project generator with TypeScript, React Compiler, Turbopack, Tailwind CSS, and shadcn/ui. Learn about its Next.js 16 baseline, npm/pnpm/yarn/bun support, interactive setup, component and feature flags, and how to leverage it for your next project.Jul 05

Changelog for Template-NEXT: Version 0.5.0A detailed changelog for Template-NEXT v0.5.0, featuring a faster single-pass install, support for npm, pnpm, yarn, and bun, a new interactive setup with package-manager auto-detection, component and feature selection flags, and an upgraded starter page with a working theme toggle.Jun 14

Get in touch

Questions about a post, or just want to talk shop? Drop me a line, and if you're ever in Colombo, let's grab a coffee.

Portfolio GitHub LinkedIn X / Twitter

© 2026 Thilina Rathnayaka