Tomas Listiak

I develop web projects that people enjoy using. Performant, beautiful, and built to last.

Based in Prague. I help teams ship products that deliver real value — from concept and design to code. End to end experience.

Get in touch
Tomas Listiak

What I do

Specialized services tailored to bring your digital vision to life

Frontend development

Frontend and UI are my primary focus within fullstack work: I apply my programming skills across the stack together with a strong sense of aesthetics and functional, human-centered design.

  • Single page applications (SPA)
  • Server-Side Rendering (SSR)
  • Progressive web apps (PWA)
  • Performance optimization
  • Cross-browser compatibility
  • Responsive design
Vue Nuxt React NextJS TypeScript Astro
Frontend Development - Code on screen

Graphic and UI design

I am skilled in developing UI design using robust design systems, as well as cohesive brand identities including logos and brand guidelines for both electronic and print use.

  • User interface design
  • Brand identity & logos
  • Wireframing & prototyping
  • Visual design language
  • Print & digital assets
  • Icon design
Figma Adobe Suite Affinity Sketch
UI Design - Design workspace

Design systems

I am proficient in designing and implementing effective design systems that ensure visual and functional consistency across a variety of digital platforms.

  • Component libraries
  • Documentation & guidelines
  • Token-based design
  • Accessibility standards
  • Cross-platform consistency
  • Team adoption strategy
Storybook Tailwind CSS Variables Design Tokens
Design Systems - UI components

Ready to elevate your digital presence?

Combine powerful development with beautiful design to create something extraordinary.

HTML / CSS

I am skilled in writing pure HTML / CSS, but I also have extensive experience with various design frameworks such as Tailwind, Ant Design, Material UI, Base Web, and others.

  • Semantic HTML markup
  • CSS grid & flexbox layouts
  • CSS animations & transitions
  • Responsive design patterns
  • CSS architecture (Atomic Design, BEM)
  • Framework integration
Tailwind CSS Sass/SCSS Ant Design Material UI Base Web
HTML/CSS - Web development code

TypeScript / JavaScript

TypeScript is the main language I work with every day and I write most of my code in it. The dynamic nature of JavaScript along with the type safety of TypeScript is a great combo.

  • Type-safe development
  • Modern ECMAScript features
  • Async/await patterns
  • Module systems
  • Testing & debugging
  • Performance optimization
TypeScript JavaScript Node.js
TypeScript/JavaScript - Code editor

Vue.js / Nuxt.js

My current frontend framework of choice for most web projects ranging from small content-based websites to large frontend applications including server-side rendering (SSR).

  • Composition API mastery
  • Nuxt.js SSR & SSG
  • State management (Pinia)
  • Vue Router navigation
  • Component architecture
  • Performance optimization
Vue Nuxt Pinia Vue Router VueUse
Vue.js/Nuxt.js - Modern web development

Let's turn your vision into reality

From concept to deployment, I'll help you build a solution that stands out.

React / Next.js

React and the Next.js framework are the tools I have written the most projects with, covering everything from dynamic presentations to large corporate admin environments.

  • React hooks & patterns
  • Next.js app router
  • Server Components
  • React Query / TanStack
  • State management (Redux, Zustand)
  • Automated testing (Jest, Vitest)
React Next.js TanStack Zustand Redux
React/Next.js - Component development

Figma

I am proficient with Sketch for Mac, but since Figma got into the world of UI collaboration, I have completely switched over to it for UI work and working on design systems.

  • UI/UX design
  • Interactive prototyping
  • Design system management
  • Auto-layout mastery
  • Component variants
  • Developer handoff
Figma Design systems Design tokens
Figma - UI/UX design tool

Adobe + Affinity

I have extensive experience with Adobe Suite, and I also utilize Affinity for a significant portion of my graphics projects.

  • Photo editing & retouching
  • Vector illustration
  • Print design & layout
  • Motion graphics basics
  • Asset optimization
  • Brand collateral creation
Photoshop Illustrator InDesign Affinity
Adobe & Affinity - Creative design tools

Start your project today

Get in touch and let's discuss how we can work together to achieve your goals.

Technical expertise

A comprehensive toolkit for building modern web experiences

TypeScript

Vue.js

React

Nuxt.js

Next.js

Tailwind CSS

Node.js

Figma

Also experienced with

HTML5 CSS3 Sass Git REST APIs GraphQL Webpack Vite Jest Cypress Storybook Docker

and many more

How I work

A proven process that delivers results, every time

1

Discovery

Understanding your goals, users, and technical requirements through in-depth consultation.

2

Planning

Creating a roadmap with clear milestones, technology choices, and design direction.

3

Design

Crafting wireframes and visual designs with iterative feedback loops.

4

Development

Building with clean, maintainable code following best practices and modern patterns.

5

Testing

Rigorous testing across devices, browsers, and user scenarios.

6

Launch & Support

Smooth deployment with ongoing support and performance monitoring.

Ready to bring your project to life?

Let's discuss your ideas and see how we can create something amazing together.

15+ years of experience working for top clients

Let's work together

Have a project in mind? I'd love to hear about it.