KR Studio

Frontend: The part of the product people see and use.

The frontend is everything that runs in the browser: layout, content, interaction and responsive behavior. It is where a visitor forms their first impression and where a user does their work.

It sits on top of the backend and data layers, turning them into pages, forms, dashboards and interfaces people can actually use.

The aim is an interface that works across screen sizes, stays consistent as pages are added and remains readable for whoever maintains it next.

TypeScript

A typed superset of JavaScript: the same language, with types that describe the shape of data and functions.

Types catch a whole class of mistakes while code is being written, rather than after it is running.

React

A library for building user interfaces out of reusable components.

Component-based interfaces keep complex screens organised and consistent as a product grows.

Next.js

A React framework that adds routing, server-side rendering and static page generation.

Pages can be rendered ahead of time or on the server, which supports fast first loads and content that search engines can read.

Tailwind CSS

A utility-first CSS framework: styling is applied with small, single-purpose classes drawn from one shared set of design values.

It keeps spacing, color and typography consistent, and keeps styling next to the component it belongs to.

Vite & Build Tools

The tooling that bundles, optimizes and serves frontend code. Vite is a modern build tool and development server.

Fast feedback during development and optimized output for production.

WebAssembly & WebGL

WebAssembly runs compiled code in the browser at near-native speed. WebGL draws hardware-accelerated 2D and 3D graphics.

Some interfaces need heavier computation or richer visuals than ordinary page code handles comfortably.