YOGYAKARTA, INDONESIA

Hernanda Cahyo

DESIGN-TO-CODE IMPLEMENTATIONFRONTEND WEB DEVELOPMENTINTERACTION & ANIMATION UPGRADEFULLSTACK WEB DEVELOPMENTUI/UX DESIGNPERFORMANCE & SEO OPTIMIZATION
I'm a senior developer with 8+ years of experience, specializing in crafting high-performance, immersive web experiences. I bridge the gap between complex technical challenges and polished, user-centric design, with a mastery of Vue, Nuxt, and modern CSS. Experienced as a Frontend Lead and mentor, I create, share and teach others about programming and web development.
DESIGN-TO-CODE IMPLEMENTATIONFRONTEND WEB DEVELOPMENTINTERACTION & ANIMATION UPGRADEFULLSTACK WEB DEVELOPMENTUI/UX DESIGNPERFORMANCE & SEO OPTIMIZATION
HTMLCSSVueNuxtJavasScriptTypeScriptTailwindCSSGSAPThree.jsSCSSHubSpotHublPiniaNode.jsReactVitestZustandFigmaFramerBlenderSEO

Featured Works

Léviqueé Homepage Rebranding

2025 View Live

UI Designer & Front-End Developer

FigmaHTMLTailwindCSSVue 3GSAPTypeScriptCSS
This project was a personal challenge and a showcase of my 'UI Developer' philosophy: the ability to bridge the gap between high-end design and high-performance code, all from a single person. The client, Léviqueé, needed a full brand identity and a 'slick, modern' landing page to launch their new fashion line. I worked on both the Figma design then translate it to landing page code in Vue and GSAP aniamtion.

LJHooker Group

2021 - 2024 View Live

Fullstack HubSpot Developer - Front-End Developer

HubSpotHublCSSJavaScriptCMSCRMEmail TemplatingW3C Validate
LJ Hooker Group comprises one of the largest residential and commercial sales and property management networks, comprising 420+ offices and a team of 4,300+ sales professionals, property managers, and support staff.

OBrien Real Estate

2020 - 2025 View Live

Front-End Developer

WordpressHTMLCSSJavaScriptjQuerySASSPHP
OBrien offer a unique ‘Right to Sell’ network, cutting edge dashboard technology, utilise the best Real Estate trainers to improve our skills which in turn delivers great results. Founded in 2010, the REIV award winning OBrien Real Estate is well-known for top producing local agents and backed by the areas strongest individual team.

Upstate Real Estate

2019 - 2021 View Live

Front-End Developer

WordpressHTMLCSSJavaScriptjQuerySASSPHP
Upstate is Real Estate Agency based in Northern Beaches, Australia, that deals with a lot of property sales, leasing, and marketing.

Stone Real Estate

2019 - 2021 View Live

Front-End Developer

WordpressHTMLCSSJavaScriptjQuerySASSPHP
Stone Realestate Agency is one of Australia's fastest growing company that deals with Real Estate properties, market report, and commercial estates with huge databases.

The Great Ocean Road Realestate

2019 - 2020 View Live

Front-End Developer

WordpressHTMLCSSJavaScriptjQuerySASSPHP
A community based organisation employing in excess of 40 incredibly talented, service driven loyal locals who are passionate to get the best deals on property market around Torquay, Anglesea, Aireys Inlet, Lorne to Apollo Bay.

Let's Craft Your Vision

Pixel-perfect translation of your Figma, Sketch, or Adobe XD designs into clean, responsive, and maintainable code. I focus on semantic HTML and modern CSS to ensure your site is identical to your vision, on every device.

Best for:

Marketing SitesAgency PartnershipsDesignersStartupsLanding PagePortfolioCampaigns sitesEvents and Marketing SiteEmail Template

Supported Stacks:

HTML5CSS3TailwindCSSJavaScriptMailChimp

Ready to craft yours?

Get a Quote

From the Labs

Welcome to my R&D playground, where I explore new tech by crafting unique, functional prototypes. It's a collection of personal experiments where playful ideas meet production-ready code.

View all labs

Deepseek WebUI

DeepSeek WebUI is a browser-based interactive chat interface that leverages DeepSeek R1 via the Ollama framework. This project consists of a React frontend (UI) and a Node.js backend (server) to facilitate real-time interactions with DeepSeek models, simulating a chat experience similar to Gemini and ChatGPT, including memory retention and bot typing effects.

DeepSeek WebUI
ReactNode.jsJavaScriptOllamaDeepSeek R1

CSS Trigonometric Animation

A unique and advance CSS technique using SIN() and COS() to animate the object without JS

DeepSeek WebUI
HTMLCSSCustom PropertiesAnimation

WebGL Testimonial Shader

A WebGL Shader based testimonial card that animate on hover and can be set as card or section

DeepSeek WebUI
Loading video...
WebGLCSSJavaScriptShaderCanvas API

FrontendToolkit

A library of free and opensource frontend toolkits that I created to help achieve some Frontend specific task with configurable settings.

FrontendToolkit
VueNode.jsTypeScriptCSSCanvas

Interactive Frame Mouse Track

JavaScript effects on animating static frames into video-like scrub effects that follow mouse position.

frame-mouse
HTMLCSSJavaScriptMotion

Pijar Landing Page

A fully animated scroll-trigger based landing page showcasing personal branding of a Horror Creative Director, Pijar Kezuma.

Pijar Kezuma
GSAPHTMLJavaScriptCSSScrollTrigger

PoolBoard

Simple all-in-one Pool / Billiard scoring system. Responsive for all screen and supports multiple game variants. Play with up to 12 players for situation like tournament, or just 2 players by-one match.

PoolBoard
Loading video...
HTMLCSSJavaScriptSCSS

Litterium - ResumeFlow

Digital resume generator with editing tools like a pro. Create your modern Resume with ease. Drag n drop, modular approach, make ResumeFlow beginner friendly and quick. Download or create account to save multiple customizable resumes.

Resume Generator
ReactGolangJavaScriptTurboRepo

FYI: JSON Placeholder

A REST API JSON Placeholder that can be used to quickly fill dummy data for website content like homepage, profile page, about page, etc. Created using Node.js and Express.js and is open source. Feel free to use it on your websites / projects.

FYI JSON Placeholder
Node.jsExpressJavaScript

Latest Insights

https://domare.hernandack.com/uploads/53987673ecc354d423cf9c6af387306f.jpeg

Breaking the Cascade: Styling Previous Siblings with CSS :has()

A deep dive into the :has() pseudo-class, showing how to create interactive lists that style *all* siblings (even previous ones) on hover, with zero JavaScript.

7 November 2025

https://domare.hernandack.com/uploads/5446f21c157b046dab33b1a58d81fa37.jpeg

How Modern CSS is Revolutionizing Layout and Interaction

A deep dive into new CSS features like Container Queries, :has(), and View Transitions that let us build faster, cleaner websites with less JavaScript.

31 October 2025

https://domare.hernandack.com/uploads/e4c1b896c6cdeaec23799644635b17d4.jpg

CSS Trigonometry Animation: Creating Motion with CSS Custom Properties

A deep dive into my 'Trending' CodePen for the Halloween challenge using CSS sin() and cos(), showing how we can create complex, organic motion with just CSS.

31 October 2025

View all posts

IN THEIR WORDS

James Martin

Entrepreneur & Educator

There is only one thing I can say about him: he understands how to manage projects as well as he codes. I didn't even need an extra project manager for my small startup's website and services. He is a very resourceful person and always ready to help and explain when asked.

Andreea U

Framer Expert

I have worked with Hernanda on a couple of occasions, mostly collaborating on landing pages and product showcases. He helped me with some CMS integration as well as more advanced code-based animation for one of my clients. He is a great technical person who can work easily with non-technical people. Kudos!

Tiya Nur I

Web Admin

I have a trouble with my previous web dashboard, everything is broken and slow. I met Hernanda and he helped me to create a new dashboard from the ground up, synchronizing it with my office data and it was the best decision in my life as Web Admin to have this quality of life improvements.

Scholastica N

Content Creator

Working as Content Creator for YouTube and Custom Service Specialist is something that takes a lot of time and patient. Digital presence like my web created by Hernanda is something that boost my career and enables me to grow. I really recommend him for any digital products that you need.

Herdianto GS

Graphic Designer

He created a cool, interactive and clean wedding website for me and my fiancé. It helps me reach lots of my friends and families that live far away from my city. He truly gives a good style and feel that I'm keeping it as my memorabilia.

Ready to Craft Your Vision?