Frontend & UI
Saubere, zugängliche Interfaces mit Fokus auf Typografie, Layout und Performance.
// 00 Intro
Niklas Knaack
Ich arbeite als Entwickler in Düsseldorf und baue Webseiten, Interfaces, Spiele, Tools, Experimente und interaktive Dinge fürs Web.
Hier findest du eine kleine Auswahl meiner Projekte, Experimente und Profile.
// 01 Profil
Frontend mit Struktur. Experimente mit Spielraum
Mein Schwerpunkt liegt auf Frontend-Entwicklung, UI, Animation, Canvas, CSS und JavaScript – irgendwo zwischen sauberem Handwerk, technischer Struktur und kreativem Spielraum.
Interessant wird es für mich dann, wenn ein Projekt klare Anforderungen hat, aber trotzdem Platz für gute Ideen, Bewegung, Details und visuelle Qualität lässt.
Ob UI-Komponente, Animation, Canvas-Experiment oder kleine Web-App: Ich mag Projekte, bei denen Gestaltung und Entwicklung zusammen gedacht werden.
Interaktive Erlebnisse
Animationen, Microinteractions und Canvas-Experimente beyond Tellerrand.
Web-Applikationen
Leichte, wartbare Anwendungen mit modernen Technologien, klarer Struktur und nachvollziehbarer Architektur.
Creative Coding
Ideen, Algorithmen und Code als kreative Werkzeuge für neue visuelle Formen und interaktive Erfahrungen.
// 02 Experimente
Code, Canvas und visuelle Prototypen.
Visuelle Ideen, Experimente und interaktive Prototypen auf CodePen.
Hier findest du eine kleine Auswahl meiner CodePen-Experimente.
Wähle ein Experiment aus
Ein Klick öffnet das jeweilige Projekt, beim Hover bekommst du eine kurze Info dazu.
Wire Curtain Playground
Ein kleines Experiment, das einen hängenden Vorhang aus mehreren Fäden simuliert.
Flying Donuts V2
Ein Experiment mit fliegenden Donuts, Backface Culling, dynamischem Licht und LOD.
Pine forest - bird's-eye view
In diesem Experiment fliegt ihr über einen endlos großen Kiefernwald.
Bird’s Eye Metropolis
In diesem Experiment fliegt ihr in der Vogelperspektive über eine endlos große Metropole.
Radiohead - House Of Cards
Interaktives Video Experiment mit dem Material von James Frost zu „House of Cards“ von Radiohead.
SVG Glyph Pattern Doodler
Ein einfacher Algorithmus, der Muster aus Glyphen in ein SVG-Dokument zeichnet.
Cuboid Warptunnel Audio Visualizer
Ein interaktives Audio-Visualizer-Tunnel-Experiment.
QLOCKTWO - time in words
Dieses Experiment ist mein Versuch, die QLOCKTWO Uhr fürs Web umzusetzen.
Rheinturm Lichtzeitpegel Clock
Eine mit CSS gestaltete Version des Rheinturms in Düsseldorf mit Lichtzeitpegel Uhr.
Pixel Flame Canvas - Doom Fire
Eine “Doom Fire” Simulation.
Wire Curtain Playground
Ein kleines Experiment, das einen hängenden Vorhang aus mehreren Fäden simuliert.
Flying Donuts V2
Ein Experiment mit fliegenden Donuts, Backface Culling, dynamischem Licht und LOD.
Pine forest - bird's-eye view
In diesem Experiment fliegt ihr über einen endlos großen Kiefernwald.
Bird’s Eye Metropolis
In diesem Experiment fliegt ihr in der Vogelperspektive über eine endlos große Metropole.
Radiohead - House Of Cards
Interaktives Video Experiment mit dem Material von James Frost zu „House of Cards“ von Radiohead.
SVG Glyph Pattern Doodler
Ein einfacher Algorithmus, der Muster aus Glyphen in ein SVG-Dokument zeichnet.
Cuboid Warptunnel Audio Visualizer
Ein interaktives Audio-Visualizer-Tunnel-Experiment.
QLOCKTWO - time in words
Dieses Experiment ist mein Versuch, die QLOCKTWO Uhr fürs Web umzusetzen.
Rheinturm Lichtzeitpegel Clock
Eine mit CSS gestaltete Version des Rheinturms in Düsseldorf mit Lichtzeitpegel Uhr.
Pixel Flame Canvas - Doom Fire
Eine “Doom Fire” Simulation.
// 03 Technologien
Technologien im Einsatz
Seit über 25 Jahren beschäftige ich mich mit Webtechnologien, Mediengestaltung und digitalen Oberflächen. Aus den ersten eigenen Seiten und Experimenten wurde irgendwann mein Beruf: Heute arbeite ich als Entwickler und baue Webseiten, Interfaces, Anwendungen, Spiele, kleine Tools und interaktive Erlebnisse fürs Web.
Dabei nutze ich je nach Projekt unterschiedliche Technologien, Frameworks und Werkzeuge – mal klassisch, mal experimentell, aber immer mit Blick auf Struktur, Gestaltung, Performance und gute Bedienbarkeit.
Aktuell interessieren mich besonders performante Interfaces, generative Gestaltung, Canvas/WebGL-Experimente und der sinnvolle Einsatz von KI im Entwicklungsalltag.
Eine Auswahl an Technologien, Frameworks, Libraries und Tools, mit denen ich gearbeitet habe, aktuell arbeite oder immer wieder experimentiere.
// 04 Links
Profile und digitale Spuren
Hier findest du ein paar Orte, an denen ich Code, Experimente, Projekte und manchmal auch Gedanken teile.
Wenn du sehen möchtest, womit ich mich technisch und visuell beschäftige, findest du hier weitere Profile, Eindrücke und Wege, mit mir in Kontakt zu bleiben.
// 05 Kontakt
Schreib mir
Hast du eine Idee, ein Projekt oder einfach eine Frage? Schreib mir gerne.
Nutze einfach das Kontaktformular oder schreibe mir direkt eine E-Mail.