I'm Stian, a passionate full stack web developer based in Norway, currently crafting innovative solutions at Sleipner Motor. With a Bachelor's degree in Computer Science and over three years of hands-on experience from professional roles and personal projects, I thrive at the intersection of design and backend engineering.
My journey into technology began in my father's hobby room, where tinkering with computers sparked a lifelong fascination. Today that fascination has grown into my own company, Larsen Utvikling, where I design and ship my own products: native macOS apps like Station, FrameSnapper and dotViewer, the evidence-based CV tool Spiss, and DBHost - my honest, personal MVP for managed PostgreSQL hosting. Most recently I relaunched Tinify.dev with a public API, account plans, credits, and a complete redesign. I enjoy creating tools that simplify and enhance everyday tasks. When I'm not coding, I cherish time at home with my little family, binge-watching movies or brainstorming the next web application.
Driven by ambition, creativity, and a love for problem-solving, I'm dedicated to building user-friendly, high-performance applications that make a real difference. Let's connect and create something amazing together!
EXPERIENCE
- Front-End Development: Utilize TypeScript and Next.js to create responsive and user-friendly interfaces.
- Back-End Development: Work with Python to develop robust backend services.
- Legacy Systems
- Next.js
- Python
- React
- TypeScript
- Front-End Development: Utilize TypeScript and React to create responsive and user-friendly interfaces.
- Back-End Development: Work with Kotlin and Spring Boot to develop robust backend services.
- Agile Methodologies: Engage in mob programming and agile practices to accelerate development cycles and enhance code quality.
- Data-Driven Decisions: Leverage user interaction data to inform product decisions, ensuring features meet user needs and business objectives.
- Cross-Functional Collaboration: Collaborate with designers, product managers, and other developers to meet quarterly OKRs and drive continuous improvement.
- AWS
- Agile
- Kotlin
- Mob Programming
- React
- Spring Boot
- TypeScript
Full Stack Developer • Sleipner motor
At Sleipner Motor, I serve as a Full Stack Developer. My role involves developing and maintaining both front-end and back-end systems, ensuring seamless integration and functionality across our platforms. I work with a variety of technologies to deliver high-quality solutions that meet the needs of our users and business objectives.
Full Stack Developer • SpareBank 1 Utvikling
At SpareBank 1 Utvikling, I serve as a Full Stack Developer on Team Overview, responsible for building and maintaining critical front-end and back-end services for the bank's primary user interface across mobile and desktop platforms. Our team delivers the landing page that provides users with a comprehensive overview of their daily transactions, accounts, loans, debts, and financial tools.
macOS Apps
Station
The command center for local development - services, Docker, terminals, and real health checks in one native app.
FrameSnapper
Every frame. Your way. Extract full-resolution frames from any video - fast, offline, and native.
dotViewer
Quick Look for code and dotfiles - syntax-highlighted previews for 600+ file types, right inside Finder.
PROJECTS
- Authentication
- Next.js
- PostgreSQL
- React
- TypeScript
- Vercel
- Anthropic API
- CSS Modules
- GSAP
- Motion
- Next.js
- OpenAI API
- React
- Tailwind CSS
- TypeScript
- Vercel
- AI Integration
- Document Parsing
- GitHub API
- Next.js
- PostgreSQL
- React
- TypeScript
- Vercel
- AI Integration
- Anthropic API
- Next.js
- OpenAI API
- PostgreSQL
- React
- TypeScript
- Vercel
- CSS
- IntelliJ Platform SDK
- JetBrains Plugin Development
- Kotlin
- Next.js
- TypeScript
- Cloudflare
- Next.js
- Node.js
- Payload CMS
- PostgreSQL
- React
- TypeScript
- Vercel
- AWS S3
- CSS Modules
- GSAP 3
- Lexical Rich Text
- Next.js 16
- Payload CMS 3
- Playwright
- PostgreSQL
- Radix UI
- React 19
- Spline 3D
- TypeScript
- Vercel
- Zod
- AWS Lightsail
- CSS Modules
- Caddy
- Clerk
- Drizzle ORM
- FastAPI
- Next.js 16
- PgBouncer
- PostgreSQL 16
- Python
- React 19
- Stripe
- TypeScript
- Next.js
- Payload CMS 3
- React 19
- SWC
- Sharp
- TypeScript
- npm
- Color Theory Algorithms
- Next.js
- Radix UI
- React
- SCSS Modules
- TypeScript
- Various Color Formats
- Various Export Formats
- CSS
- IntelliJ Platform SDK
- JetBrains Plugin Development
- Kotlin
- Next.js
- SCSS
- TypeScript
- AWS Lightsail
- AWS S3
- Audio Processing
- Custom Authentication
- Kotlin
- Next.js
- REST API
- React
- Sign in with Google
- Spring Boot
- TypeScript
- UI/UX Design
- Wavesurfer.js
- AWS Lightsail
- Color Theory
- Next.js
- React
- TypeScript
- UI/UX Design
- AWS Lightsail
- Image Processing Tools
- ImageMagick
- Kotlin
- Next.js
- REST API
- React
- Spring Boot
- TypeScript
- UI/UX Design
- AWS
- Google Cloud Storage
- JWT Authentication
- Kotlin
- Next.js
- PostgreSQL
- React
- Spring Boot
- TypeScript
- UI/UX Design
- Figma
- Illustration
- Next.js
- React
- TypeScript
- UI/UX Design
- Barcode Generation
- Firebase
- Next.js
- React
- TypeScript
- UI/UX Design
- Admin Dashboard
- Authentication
- Firebase
- Next.js
- React
- Tailwind CSS
- TypeScript
- UI/UX Design
- Next.js
- QR Code Generation
- React
- Supabase
- Tailwind CSS
- TypeScript
- UI/UX Design
- Audio Processing
- Express.js
- Firebase
- Node.js
- REST API
- React
- TypeScript
- UI/UX Design
- Wavesurfer.js
Fotball-VM.lol - World Cup 2026 Fan Platform
Built a Norwegian fan community platform for the 2026 FIFA World Cup, helping supporters organize how and where they watch Norway's matches together.Features match schedules and live results tracking, user accounts with friend groups ('gjengen'), a viewing location finder, group standings tables, and event promotion for watch parties. All in Norwegian, built for the social side of football.
Motioned - AI Micro-Animation Generator
Built Motioned, an AI-powered micro-animation generator for web interfaces. Describe the message - a hover, press, or toggle interaction - and get production-ready motion code exported as Tailwind CSS or CSS Modules.Combined a hand-tuned preset library of bento card animations with an AI generator that supports multiple animation engines: native CSS, Motion (motion/react), and GSAP. Every generation renders in a real-time preview that can be refined iteratively and shared via URL.Kept the tool free by letting users supply their own API keys, stored locally or encrypted server-side - no accounts, no lock-in.
Spiss - Evidence-Based CV Tailoring
Created Spiss, an AI-powered tool that generates consultant CVs tailored to specific job listings and tenders - with full source traceability. The core philosophy: no claims without sources. Every sentence in a generated CV is anchored in documented evidence from the candidate's own material.Built multi-format ingestion that extracts and structures experience from PDFs, Word documents, images, GitHub profiles, and websites into a master profile. A requirements matrix compares each job listing against documented qualifications and red-flags unmet requirements instead of fabricating them.Designed for job applicants and consultancies that need transparent, verifiable CVs per bid - preventing resume embellishment while making every claim auditable.
Min Plen - AI-Assisted Lawn Care Planner
Built Min Plen, a Norwegian lawn care guidance platform that generates step-by-step, seasonal maintenance plans tailored to local climate conditions. Users describe their lawn - soil type, shade, usage, problems like moss or compacted soil - and get a sequential task plan adapted to Norwegian growing seasons.Integrated AI-assisted plan suggestions where every change requires user approval, with support for user-supplied OpenAI or Anthropic API keys stored encrypted. Added photo history tracking so homeowners can document progress over time, and treated pesticide and chemical handling as explicit manual checkpoints for safety.Designed the entire experience for homeowners managing lawn projects over time - from new installations and repairs to family gardens - with a friendly, practical Norwegian voice.
PxPeek - JetBrains Plugin
Developed PxPeek, a JetBrains IDE plugin that shows the pixel equivalents behind CSS units in real time. See what rem, em, vh, vw, and other relative units actually resolve to - inline beside each value or aggregated at the end of the line.Works across all JetBrains IDEs with CSS support, with user-configurable display options. Built for web developers and designers who want instant unit visualization without manual calculations.Shipped with a dedicated landing page at pxpeek.com built in Next.js.
Larsen Utvikling - My Own Development Company
Founded Larsen Utvikling, my solo Norwegian development company (ENK) offering end-to-end digital solutions: websites, web applications, native apps, headless CMS implementations, and digital consulting - with a short path from idea to code and no intermediaries.The company is the umbrella for my own products - Station, FrameSnapper, dotViewer, DBHost, Spiss - alongside client work like the Ampera AS platform and Skipper'n Utleie.Built the company website with a direct, pragmatic voice: transparent pricing, iterative collaboration, and clients owning the final product.
Ampera AS - Energy Contractor Platform
Built the full website for Ampera AS, a Norwegian energy contractor (energientreprenør) based in Østfold/Viken. The platform serves as a B2B lead-generation site targeting grid operators like Elvia, Norgesnett, and BKK, showcasing 10 specialized distribution network and allied services.Developed a headless CMS architecture using Payload CMS 3 with PostgreSQL and AWS S3 for media storage. The CMS features custom content blocks (hero, text, checklist, columns, quotes, stats, FAQ, contact), reusable across all service pages and editorial content.Implemented multiple conversion flows including a Byggestrøm (temporary construction power) booking system, LFS safety leader inquiry forms, and general contact forms - all with server-side validation, reCAPTCHA v3 integration, and automatic CMS capture of submissions.Designed a complete HSL-based design system with CSS custom properties and CSS Modules, GSAP-powered animations, and interactive 3D elements via Spline. All UI text is in Norwegian with a direct, professional brand voice - no marketing fluff.
DBHost - Managed PostgreSQL Hosting
A managed Database-as-a-Service platform where developers can provision PostgreSQL databases in seconds. Sign up, create a database, and get a connection string - no infrastructure to manage.Features a web dashboard with a built-in SQL Explorer, REST API for programmatic access, a CLI (@dbhost-app/cli), scoped API keys, PgBouncer connection pooling on every database, and automated daily backups with on-demand triggers.Built on a split-plane architecture: a Next.js control plane on Vercel handles auth, billing, and the dashboard, while a Python FastAPI agent on an AWS Lightsail VPS manages the actual PostgreSQL instances, PgBouncer config, and backup pipelines.Includes an admin panel with user/database management, activity history, and incident monitoring. Offers Free, Pro, and Business tiers with Stripe-powered billing.
payload-img-convert - Image Conversion Plugin for Payload CMS
An open-source Payload CMS v3 plugin that automatically converts and resizes uploaded images to modern formats like WebP and AVIF using Sharp. Solves the gap where Payload 3 lacks built-in format conversion - no manual work needed, just install and configure.Features automatic format conversion (WebP, AVIF, PNG, JPEG), aspect-ratio-preserving resize, max file size guards, per-format quality options, and a kill switch for disabling conversion without schema drift. SVGs and GIFs are intelligently skipped.Includes custom admin UI components: a format selector dropdown in the upload sidebar with file size savings display (e.g., 'Saved 42%'), a collapsible resize panel with oversize image detection and auto-fill suggestions, and quality degradation warnings for lossy-to-lossy re-conversion.Built with zero Sharp dependency - uses Payload's managed Sharp instance. Supports re-conversion of existing uploads without re-uploading. Published on npm with three entry points: main plugin, type exports, and client components for Next.js RSC compatibility.
Rampkit - From Hex to Color Palette
A modern color palette generator that creates beautiful 12-step color ramps from any hex color input. Designed specifically for developers working with design systems and UI frameworks. Features comprehensive color generation including accent colors and gray scales in both light and dark variations, perfect for creating cohesive design systems. Supports multiple export formats including shadcn/ui HSL values, CSS variables, JSON format, and human-readable text - making it easy to integrate generated palettes into any development workflow. Built with accessibility and developer experience in mind, providing ready-to-use code snippets and color formats that work seamlessly with modern web frameworks.
CSS Variables Assistant - JetBrains Plugin
Advanced CSS custom properties plugin for JetBrains IDEs including IntelliJ IDEA, WebStorm, PyCharm, and more. Features intelligent autocomplete with live preview, quick documentation with color swatches, JSDoc-style comment support, and advanced @import resolution. Supports CSS, SCSS, SASS, and LESS with multi-preprocessor compatibility. Rated 4.6/5.0 with 400+ downloads from the JetBrains Marketplace.
Sonio: Advanced Music Platform, just like SoundCloud
Developed Sonio, a free web-based music platform that allows users to upload, share, and discover music. Built a robust backend in Kotlin + Spring boot handling custom authentication and data retrieval , utilizing postgres and aws s3 for efficient data storage and retrieval. Implemented advanced audio processing tools using WaveSurfer.js for seamless audio playback and waveform visualization. Created a responsive frontend using Next.js and TypeScript, focusing on a clean and intuitive user interface. Deployed the application on AWS Lightsail for scalability and security. Designed all UI components from scratch, ensuring a visually appealing and user-friendly experience.
ColorPalette: Create beautiful color palettes with instant code export
Created ColorPalette, a web application that allows users to generate beautiful color palettes and export them as code snippets for various programming languages.
Tinify: Advanced Image Optimization Service
Developed Tinify, a web-based image optimization service that compresses, resizes, and crops images across AVIF, GIF, JPEG, PNG, and WebP - free to use, private by default, with files auto-deleted after two hours.Fully relaunched in July 2026 with a public REST API, account plans, and usage-based billing: a free tier, and Developer and Pro plans with monthly operation allotments, asynchronous batch processing, API key rotation, and opt-in overage caps. You pay only for successful operations.The backend is built in Kotlin and Spring Boot, using image processing tools like ImageMagick, pngquant, and cjpeg for efficient manipulation. The relaunch also shipped a complete frontend redesign in Next.js and TypeScript, with all UI components designed from scratch.
TaskBuddy: Task Management Application
Created TaskBuddy, an intuitive task management application designed to help users organize tasks and boost productivity. Developed the application using Next.js and TypeScript, crafting all UI components without third-party libraries to ensure originality and performance. Built a secure backend with Kotlin and Spring Boot, connecting to a PostgreSQL database hosted on AWS. Implemented custom authentication using JSON Web Tokens (JWT), eliminating reliance on third-party solutions. Managed user data, tasks, settings, and metadataROOT efficiently, utilizing Google Cloud for image storage.
TaskBuddy Landing Page: Marketing Frontend
Designed and developed the marketing landing page for TaskBuddy to engage users and promote app adoption. Crafted unique illustrations and 3D assets using Figma, focusing on a modern and appealing aesthetic. Implemented the design using Next.js and TypeScript, ensuring responsiveness and fast load times. Developed informative sections like 'About Us' and 'Learn More' to effectively communicate the app's value proposition.
Strek-kode: Text to Barcode Generator
Developed and open-sourced Strek-kode, a free web application that converts text into barcodes. Built with Next.js and TypeScript, ensuring high performance and reliability. Leveraged Firebase for authentication and real-time database capabilities. Designed an easy-to-use interface for generating barcodes, catering to various user needs.
Skipper'n Utleie: Boat Rental Platform
Developed a comprehensive boat rental platform for Skipper'n Utleie, enhancing operational efficiency for the local business. Built with Next.js and TypeScript, using Tailwind CSS for responsive design. Integrated Firebase for managing bookings, users, inventory, and authentication. Designed a custom admin dashboard to display orders, track profits, and manage inventory with CRUD functionalities. Focused on creating an intuitive interface for both customers and administrators.
QR-kode.app: Custom QR Code Generator
Created qr-kode.app, a user-friendly platform for generating free custom QR codes with various configuration options. Implemented using Next.js and TypeScript for a fast and reliable frontend experience. Utilized Supabase for efficient data management and backend services. Employed Tailwind CSS to achieve a modern and responsive UI. Provided users with an intuitive interface to generate QR codes for personal and business use.
AudioVisualizer.io: Online Audio Visualization Platform
Designed, developed, and deployed AudioVisualizer.io, an online platform for uploading, sharing, and visualizing audio files. Built a RESTful API using Node.js and Express.js for audio compression, peak data generation, and storage. Implemented the user interface with React and TypeScript, utilizing Wavesurfer.js for audio visualization. Integrated Firebase for user authentication and database management. Enabled users to experience interactive audio visualizations similar to SoundCloud.