I'm a designer and developer who builds tools that make the web simpler. Creator of SantyCSS — a plain-English utility CSS framework with 8,500+ classes, used by developers worldwide.
I bridge the gap between design and code — from pixel-perfect Figma mockups to production-ready CSS. I enjoy building things that are both beautiful and fast.
UI/UX Design
Figma designs, prototypes, design systems, and handoff-ready assets.
Frontend Development
HTML, CSS, JavaScript — pixel-perfect, performant, and accessible.
CSS Frameworks
Creator of SantyCSS — 8,500+ utility classes, animations, components.
Figma Plugins
Built SantyCSS Inspector — converts Figma layers to CSS classes instantly.
Standard
$45 / hr
UI/UX Design
Responsive HTML/CSS
Figma to Code
No plugin dev
Pro ⭐
$75 / hr
Everything in Standard
Figma Plugin Dev
CSS Framework Build
Priority delivery
8.5K+
CSS Classes
1K+
Developers
6+
npm Packages
5+
Years Building
Creator & Maintainer
SantyCSS — Open Source
Built and maintain SantyCSS — a utility-first CSS framework with 8,500+ plain-English classes, npm package, VS Code extension, and Figma plugin.
Freelance Designer & Developer
Self-employed · Remote
UI/UX design, frontend development, and Figma-to-code for clients across India and globally. Specialising in design systems and CSS tooling.
Junior UI Developer
Startup · Chennai
Built responsive web interfaces, maintained design systems, and contributed to product visual identity.
B.E. Computer Science
Anna University · Chennai
Graduated with distinction. Focused on web technologies, human-computer interaction, and software systems.
AWS Cloud Practitioner
Amazon Web Services
Certified Cloud Practitioner — cloud fundamentals, AWS core services, billing, and security.
Google UX Design Certificate
Google · Coursera
UX research, wireframing, prototyping, and usability testing methodologies.
Design
Languages
Coding
CSS / HTML
JavaScript
Node / npm
Knowledge
SantyCSS Framework
CSS Framework · Open Source
SantyCSS Inspector
Figma Plugin · Dev Tool
VS Code IntelliSense
VS Code Extension · Tool
santystudio
Design · Instagram
Open Source Contributions
CSS · JavaScript · Tools
Animation Library
CSS · 120+ Animations
CSS · March 2025
The story behind SantyCSS — why Tailwind's class names frustrated me and how I designed a naming system that reads like English sentences.
Read on GitHub →Figma · Jan 2025
How the SantyCSS Inspector plugin works under the hood — reading Figma's node tree, mapping properties to class names, and building the UI.
Read Docs →Design · Oct 2024
Practical lessons from building design tokens, component libraries, and handoff workflows — without over-engineering from day one.
Connect on LinkedIn →Plain-English utility CSS framework — 8,500+ classes, 120+ animations, 113+ icons, dark mode, Figma plugin, VS Code extension, PostCSS plugin, and JIT runtime.
santycss.santy.in → GitHub ↗Inspect any Figma layer and get the matching SantyCSS classes in one click. Grouped by category with copy-to-clipboard and dark mode support.
View Docs →Autocomplete + hover docs for all 8,500+ SantyCSS classes in VS Code. Works in HTML, JSX, TSX, Vue, Svelte, PHP, and more.
VS Code Marketplace →