Junno UI

Frontend products that make complex work feel clear.

I help product teams turn Figma direction into responsive SaaS interfaces, focused landing pages, and maintainable frontend systems that are ready for real users.

Discuss your project

About me

14 selected projects

GovTech & enterprise experience

Figma-to-code delivery

What I do

From product idea to frontend ready for production.

I design the interface, build reusable components, and refine the details so it stays easy to use and extend.

Product interfaces

Clear dashboards and workflows built around real day-to-day decisions.

DashboardA clear view of the work that matters today.

Revenue+12.5%

$24.3k

Visitors+8.3%

2,345

Conversion−1%

3.2%

Revenue growthLast 7 days

+18.2%

Recent activity

Invoice paid$8,240 · 2 min ago

New workspaceNorthstar · 18 min ago

Marketing websites

Focused pages that explain the offer and guide the right visitors to act.

Northstar

Live page

A clearer story.Focused copy. Confident action.

View page

Figma to production

Responsive React components that keep the original design intent intact.

Figma · Landing page

Layers

Atlas StudioReact / TypeScript

Design intent,
intact.Responsive by default.

View build

Frontend foundations

Accessibility, performance, and integrations improved inside your current stack.

REST

GraphQL

Web app

Auth

Charts

Selected work

Work designed for real workflows, not just screenshots.

Explore all projects

Junno UI

Component library

Junno UI – Next.js Templates & React Component Library

Founder & Frontend Developer

A commercial ecosystem of production-ready Next.js templates, React components, Tailwind CSS UI kits, and shadcn/ui-ready blocks.

View case study

View live project

Diskominfo DIY

Disaster response

PAMOR — Disaster Management & Emergency Response Platform

Frontend Engineer

A responsive public disaster-management platform with emergency information, reporting flows, incident statistics, and interactive GIS maps.

View case study

View live project

Diskominfo DIY

GovTech

GovTech Portal — Jogjaprov (DIY Provincial Government)

Front End Engineer

Responsive and accessible public-facing pages for the official Special Region of Yogyakarta provincial government portal.

View case study

Landing page

Solergy — Modern Solar Energy Landing Page

Frontend Developer & UI Implementation

A modern solar-energy landing page with responsive layouts, reusable sections, smooth motion, and conversion-focused content.

View case study

Diskominfo DIY

Public services

DIY Government Platform — Digital Public Service Directory

Frontend Developer

A responsive digital directory for discovering government applications, public-service catalogs, and institutional information.

View case study

How I work

A clear path from the first brief to production.

Review

Review the brief, Figma design, content, assets, technology, and launch goals.

1 / 4

Structure

Define the page architecture, project setup, and reusable component plan.

2 / 4

Build

Implement responsive components, product states, animations, and integrations.

3 / 4

Test & handoff

Test screen sizes and browsers, refine details, and deliver an organized final handoff.

4 / 4

Have a project in mind?

Let's turn the brief into something ready to ship.

Send your Figma file, existing product, or project brief. I'll review the context and recommend a practical frontend path for your goals and current stack.

Send your project brief

Review selected work

Loading portfolio…

Junno UI

Featured work

Frontend products that make complex work feel clear.

I help product teams turn Figma direction into responsive SaaS interfaces, focused landing pages, and maintainable frontend systems that are ready for real users.

Discuss your project

About me

14 selected projects

GovTech & enterprise experience

Figma-to-code delivery

What I do

From product idea to frontend ready for production.

I design the interface, build reusable components, and refine the details so it stays easy to use and extend.

Product interfaces

Clear dashboards and workflows built around real day-to-day decisions.

DashboardA clear view of the work that matters today.

Revenue+12.5%

$24.3k

Visitors+8.3%

2,345

Conversion−1%

3.2%

Revenue growthLast 7 days

+18.2%

Recent activity

Invoice paid$8,240 · 2 min ago

New workspaceNorthstar · 18 min ago

Marketing websites

Focused pages that explain the offer and guide the right visitors to act.

Northstar

Live page

A clearer story.Focused copy. Confident action.

View page

Figma to production

Responsive React components that keep the original design intent intact.

Figma · Landing page

Layers

Atlas StudioReact / TypeScript

Design intent,
intact.Responsive by default.

View build

Frontend foundations

Accessibility, performance, and integrations improved inside your current stack.

REST

GraphQL

Web app

Auth

Charts

Selected work

Work designed for real workflows, not just screenshots.

Explore all projects

Junno UI

Component library

Junno UI – Next.js Templates & React Component Library

Founder & Frontend Developer

A commercial ecosystem of production-ready Next.js templates, React components, Tailwind CSS UI kits, and shadcn/ui-ready blocks.

View case study

View live project

Diskominfo DIY

Disaster response

PAMOR — Disaster Management & Emergency Response Platform

Frontend Engineer

A responsive public disaster-management platform with emergency information, reporting flows, incident statistics, and interactive GIS maps.

View case study

View live project

Diskominfo DIY

GovTech

GovTech Portal — Jogjaprov (DIY Provincial Government)

Front End Engineer

Responsive and accessible public-facing pages for the official Special Region of Yogyakarta provincial government portal.

View case study

Landing page

Solergy — Modern Solar Energy Landing Page

Frontend Developer & UI Implementation

A modern solar-energy landing page with responsive layouts, reusable sections, smooth motion, and conversion-focused content.

View case study

Diskominfo DIY

Public services

DIY Government Platform — Digital Public Service Directory

Frontend Developer

A responsive digital directory for discovering government applications, public-service catalogs, and institutional information.

View case study

How I work

A clear path from the first brief to production.

Review

Review the brief, Figma design, content, assets, technology, and launch goals.

1 / 4

Structure

Define the page architecture, project setup, and reusable component plan.

2 / 4

Build

Implement responsive components, product states, animations, and integrations.

3 / 4

Test & handoff

Test screen sizes and browsers, refine details, and deliver an organized final handoff.

4 / 4

Have a project in mind?

Let's turn the brief into something ready to ship.

Send your Figma file, existing product, or project brief. I'll review the context and recommend a practical frontend path for your goals and current stack.

Send your project brief

Review selected work

Frontend products that make complex work feel clear.

One focused system from visual direction to production.

From product idea to frontend ready for production.

Product interfaces

Marketing websites

Figma to production

Frontend foundations

Work designed for real workflows, not just screenshots.

Junno UI – Next.js Templates & React Component Library

PAMOR — Disaster Management & Emergency Response Platform

GovTech Portal — Jogjaprov (DIY Provincial Government)

Solergy — Modern Solar Energy Landing Page

DIY Government Platform — Digital Public Service Directory

A clear path from the first brief to production.

Review

Structure

Build

Test & handoff

Let's turn the brief into something ready to ship.

Frontend products that make complex work feel clear.

One focused system from visual direction to production.

From product idea to frontend ready for production.

Product interfaces

Marketing websites

Figma to production

Frontend foundations

Work designed for real workflows, not just screenshots.

Junno UI – Next.js Templates & React Component Library

PAMOR — Disaster Management & Emergency Response Platform

GovTech Portal — Jogjaprov (DIY Provincial Government)

Solergy — Modern Solar Energy Landing Page

DIY Government Platform — Digital Public Service Directory

A clear path from the first brief to production.

Review

Structure

Build

Test & handoff

Let's turn the brief into something ready to ship.