// public beta

vsrc is in beta.

Name: vsrc
Author: Karthickrajan Somasundaram

The optics engine and all 19 components work today, but this is v0.1.0: the component APIs may still change before 1.0, and rough edges remain. We're actively improving it — if something breaks or feels off, an issue on GitHub is the fastest way to get it fixed.

Before you ship it to production

Real refraction is a Chromium feature. On every other browser the same components stay fully usable and legible — they just frost instead of bend. Treat the frosted look as your baseline and refraction as progressive enhancement, and check the browsers your users actually run before you rely on the effect.

// browser support

Where it refracts

Every panel exposes its active mode as data-vsrc-glass — inspect any surface to see exactly what it did.

Chrome · Edge · Chromium: refract; Real displacement-map refraction with a faint prism fringe at the rim — the effect at full strength.
Safari — macOS & iOS: frosted; WebKit computes but never paints SVG-filtered backdrops, so panels frost instead of bend. Every iOS browser runs on WebKit, so iPhone and iPad always frost — even Chrome for iOS.
Firefox: frosted; The same frosted-glass fallback as Safari — blur and saturation, no rim bending.
Android Chrome: refract / frosted; Refracts on devices whose browser supports backdrop-filter: url(); older or lower-power devices fall back to frost. Test on your target hardware.
Reduced transparency: reduced; With the OS setting on, panels go solid with no backdrop effect. Reduced-motion also turns the background drift animations off.

// privacy

What we collect

Nothing, essentially. This is a static site with no backend, no database, and no account system. There are no analytics, advertising, or tracking cookies — we add none. The only thing stored is your light/dark theme choice, kept in your browser's localStorage, which never leaves your device.

Fonts are self-hosted at build time, so the page makes no third-party font requests while you browse. The site is hosted on Vercel, whose platform may keep standard server logs (such as IP address and request time) for delivery and security; that is outside our control and covered by Vercel's own policy.

The components you install run entirely inside your own project. The optics engine makes no network calls — it only reads the DOM and draws to a canvas.

// about & contact

Who builds this

vsrc is designed and built by Karthickrajan Somasundaram. It's open source under the MIT license — both the engine and the registry. Contributions, bug reports, and feedback are all welcome while it's in beta.

// email: karthick1242004@gmail.com
// github: Karthick1242004
// source: vsrc repo

Star on GitHub Browse components