Laboratorium stron internetowych

wave-toy Wave Toy to interaktywna, świetlista mgławica z falującego światła w przeglądarce. Wypełnia cały ekran i łagodnie znika przy brzegach, a obracasz ją myszą lub palcem. W panelu ustawień zmienisz kształt fal, kolory, blask krawędzi i ruch, a kostka wylosuje zupełnie nowy wygląd jednym kliknięciem. Ulubione układy zapiszesz jako presety w przeglądarce albo udostępnisz innym za pomocą linku, który odtwarza dokładnie te ustawienia.

Wave Toy to interaktywna, świetlista mgławica z falującego światła w przeglądarce. Wypełnia cały ekran i łagodnie znika przy brzegach, a obracasz ją myszą lub palcem. W panelu ustawień zmienisz kształt fal, kolory, blask krawędzi i ruch, a kostka wylosuje zupełnie nowy wygląd jednym kliknięciem. Ulubione układy zapiszesz jako presety w przeglądarce albo udostępnisz innym za pomocą linku, który odtwarza dokładnie te ustawienia.

planet Proceduralnie wygenerowana, Ziemiopodobna planeta: ma oceany, brązowo-zielone kontynenty, lodowe czapy, wirujące chmury i świecącą niebieską otoczkę atmosfery, a w tle rozgwieżdżoną mgławicę. Planetę obraca się przeciąganiem myszą lub palcem, a chmury i światło żyją własnym ruchem, więc scena cały czas jest w ruchu. Na górnym pasku są przyciski: kostka losująca zupełnie nowy świat, link do udostępnienia (z przyciskiem kopiowania), zapisywanie i wczytywanie własnych presetów oraz reset do ustawień domyślnych oraz ustawienia.

Proceduralnie wygenerowana, Ziemiopodobna planeta: ma oceany, brązowo-zielone kontynenty, lodowe czapy, wirujące chmury i świecącą niebieską otoczkę atmosfery, a w tle rozgwieżdżoną mgławicę. Planetę obraca się przeciąganiem myszą lub palcem, a chmury i światło żyją własnym ruchem, więc scena cały czas jest w ruchu. Na górnym pasku są przyciski: kostka losująca zupełnie nowy świat, link do udostępnienia (z przyciskiem kopiowania), zapisywanie i wczytywanie własnych presetów oraz reset do ustawień domyślnych oraz ustawienia.

liquid-cursor Gdy poruszasz myszą, obraz i nagłówek zachowują się jak ciecz: kursor zostawia miękki ślad, w którym wszystko na chwilę faluje i rozpuszcza się, a kolory rozszczepiają na czerwień, zieleń i błękit, z delikatną fioletową poświatą. Cały obraz lekko przesuwa się za myszą, co daje wrażenie głębi i sprawia, że strona wydaje się żywa. Mały tekst nad nagłówkiem pozostaje nieruchomy i zawsze czytelny, a sam efekt jest subtelny przy wolnym ruchu i wyraźniejszy przy szybkim.

Gdy poruszasz myszą, obraz i nagłówek zachowują się jak ciecz: kursor zostawia miękki ślad, w którym wszystko na chwilę faluje i rozpuszcza się, a kolory rozszczepiają na czerwień, zieleń i błękit, z delikatną fioletową poświatą. Cały obraz lekko przesuwa się za myszą, co daje wrażenie głębi i sprawia, że strona wydaje się żywa. Mały tekst nad nagłówkiem pozostaje nieruchomy i zawsze czytelny, a sam efekt jest subtelny przy wolnym ruchu i wyraźniejszy przy szybkim.

pixel-changes Podstrony zmieniają się płynnym przejściem: od wybranego miejsca rozchodzi się po ekranie okrągła, świecąca fala. Obraz pod falą rozpada się na siatkę przesuniętych kwadratów, a kolory na chwilę się rozszczepiają jak w uszkodzonym ekranie. Za falą wyłania się nowa podstrona, a cały efekt trwa 3 sekundy. Strony przełączają się same co 5 sekund, a biała obwódka wokół menu pokazuje, ile czasu zostało do następnej zmiany.

Podstrony zmieniają się płynnym przejściem: od wybranego miejsca rozchodzi się po ekranie okrągła, świecąca fala. Obraz pod falą rozpada się na siatkę przesuniętych kwadratów, a kolory na chwilę się rozszczepiają jak w uszkodzonym ekranie. Za falą wyłania się nowa podstrona, a cały efekt trwa 3 sekundy. Strony przełączają się same co 5 sekund, a biała obwódka wokół menu pokazuje, ile czasu zostało do następnej zmiany.

pin-gallery Galeria fotografii naklejonych na wałek, który wypełnia cały ekran i obraca się płynnie przy każdym ruchu kółka myszy. Na górze i dole wałek tonie w ciemności, a zdjęcia rozmywają się i rozszczepiają na kolory jak na starej, zużytej taśmie filmowej. Kliknięte zdjęcie odkleja się od wałka, prostuje i płynnie powiększa na cały ekran, a strzałki przenoszą do kolejnych ujęć, gdy wałek w tle obraca się razem z nimi.

Galeria fotografii naklejonych na wałek, który wypełnia cały ekran i obraca się płynnie przy każdym ruchu kółka myszy. Na górze i dole wałek tonie w ciemności, a zdjęcia rozmywają się i rozszczepiają na kolory jak na starej, zużytej taśmie filmowej. Kliknięte zdjęcie odkleja się od wałka, prostuje i płynnie powiększa na cały ekran, a strzałki przenoszą do kolejnych ujęć, gdy wałek w tle obraca się razem z nimi.

glasslogo Na tle jasnej powtarzającej się tekstury powoli obraca się przezroczysty szklany obiekt z dowolnego płaskiego SVG (można wgrać swoje). Szkło załamuje niebo za sobą, a na krawędziach rozszczepia światło. Wokół znaku krążą wąskie źródła światła (niewidoczne w scenie), które przy obrocie przesuwają po ściankach jasne błyski z delikatną poświatą.

Na tle jasnej powtarzającej się tekstury powoli obraca się przezroczysty szklany obiekt z dowolnego płaskiego SVG (można wgrać swoje). Szkło załamuje niebo za sobą, a na krawędziach rozszczepia światło. Wokół znaku krążą wąskie źródła światła (niewidoczne w scenie), które przy obrocie przesuwają po ściankach jasne błyski z delikatną poświatą.

ripple-letters Gdy poruszasz myszą, obraz i nagłówek zachowują się jak ciecz: kursor zostawia miękki ślad, w którym wszystko na chwilę faluje i się rozpuszcza, a potem płynnie wraca na miejsce. Na krawędziach śladu kolory rozszczepiają się na czerwień, zieleń i błękit, jak światło przechodzące przez szkło, a całość podkreśla delikatna fioletowa poświata. Cały obraz lekko przesuwa się za myszą, co daje wrażenie głębi i sprawia, że strona wydaje się żywa. Mały tekst nad nagłówkiem pozostaje nieruchomy i zawsze czytelny, a sam efekt jest subtelny przy wolnym ruchu i wyraźniejszy przy szybkim.

Gdy poruszasz myszą, obraz i nagłówek zachowują się jak ciecz: kursor zostawia miękki ślad, w którym wszystko na chwilę faluje i się rozpuszcza, a potem płynnie wraca na miejsce. Na krawędziach śladu kolory rozszczepiają się na czerwień, zieleń i błękit, jak światło przechodzące przez szkło, a całość podkreśla delikatna fioletowa poświata. Cały obraz lekko przesuwa się za myszą, co daje wrażenie głębi i sprawia, że strona wydaje się żywa. Mały tekst nad nagłówkiem pozostaje nieruchomy i zawsze czytelny, a sam efekt jest subtelny przy wolnym ruchu i wyraźniejszy przy szybkim.

meltin Wypukły, zaokrąglony napis 3D w kolorze lśniącej, porcelanowej bieli, z miękko przechodzącymi w błękit krawędziami, powoli obraca się w przestrzeni na tle ciemnego granatu. Z liter spływa ciecz, tworząc falujące strumienie w odcieniach cyjanu, błękitu i bieli. W tle leniwie przesuwają się i migoczą niebieskie oraz granatowe refleksy świetlne, przypominające światło odbite od wody.

Wypukły, zaokrąglony napis 3D w kolorze lśniącej, porcelanowej bieli, z miękko przechodzącymi w błękit krawędziami, powoli obraca się w przestrzeni na tle ciemnego granatu. Z liter spływa ciecz, tworząc falujące strumienie w odcieniach cyjanu, błękitu i bieli. W tle leniwie przesuwają się i migoczą niebieskie oraz granatowe refleksy świetlne, przypominające światło odbite od wody.

scaffold Animacja lotu przez nieskończoną, ciemną kratownicę z cienkich belek łączących się w trójkąty, przypominającą wnętrze futurystycznego rusztowania albo struktury kryształu. Belki mienią się opalizującymi barwami, od złota i miedzi, przez błękit, po fiolet i biel, a krążące między nimi źródło światła rzuca miękkie cienie i rozświetla mglistą głębię w tle. Kamera płynie powoli, kołysze się i co jakiś czas nagle zmienia kierunek, co daje hipnotyczny, filmowy nastrój, dobry jako tło, intro albo wizualizacja do muzyki elektronicznej.

Animacja lotu przez nieskończoną, ciemną kratownicę z cienkich belek łączących się w trójkąty, przypominającą wnętrze futurystycznego rusztowania albo struktury kryształu. Belki mienią się opalizującymi barwami, od złota i miedzi, przez błękit, po fiolet i biel, a krążące między nimi źródło światła rzuca miękkie cienie i rozświetla mglistą głębię w tle. Kamera płynie powoli, kołysze się i co jakiś czas nagle zmienia kierunek, co daje hipnotyczny, filmowy nastrój, dobry jako tło, intro albo wizualizacja do muzyki elektronicznej.

layerz Layerz to pełnoekranowa kompozycja w stylu wycinanki z papieru: warstwy o gładkich, smukłych falach nachodzą na siebie od góry i od dołu, a między nimi widać głębokie niebieskie tło. Górne fale mienią się błękitami, pomarańczami, szarościami i bielą, dolne zielenią, pomarańczem i brązem, a całość pokrywa delikatne ziarno papieru i subtelny, obracający się gradient światła. Po scenie wolno wędruje żółto-białe słońce, które rośnie i maleje, chowa się za najbliższymi falami i rzuca tym mniejszy cień, im wyżej się wznosi.

Layerz to pełnoekranowa kompozycja w stylu wycinanki z papieru: warstwy o gładkich, smukłych falach nachodzą na siebie od góry i od dołu, a między nimi widać głębokie niebieskie tło. Górne fale mienią się błękitami, pomarańczami, szarościami i bielą, dolne zielenią, pomarańczem i brązem, a całość pokrywa delikatne ziarno papieru i subtelny, obracający się gradient światła. Po scenie wolno wędruje żółto-białe słońce, które rośnie i maleje, chowa się za najbliższymi falami i rzuca tym mniejszy cień, im wyżej się wznosi.

plusk Litery są płytkimi basenami z gładkim dnem, wypełnionymi wodą. Po wodzie stale przesuwają się fale, a na dnie migoczą świetliste refleksy. Każdą literę obiega biały kontur, a miękki cień (ciemny z lewej i u góry, jasny z prawej i u dołu) sprawia, że basen wygląda na wgłębiony w piasek, do którego co sekundę wpada kamyk, rozpryskując drobne białe kropelki. Kliknięcie także powoduje wrzucenie kamyka.

Litery są płytkimi basenami z gładkim dnem, wypełnionymi wodą. Po wodzie stale przesuwają się fale, a na dnie migoczą świetliste refleksy. Każdą literę obiega biały kontur, a miękki cień (ciemny z lewej i u góry, jasny z prawej i u dołu) sprawia, że basen wygląda na wgłębiony w piasek, do którego co sekundę wpada kamyk, rozpryskując drobne białe kropelki. Kliknięcie także powoduje wrzucenie kamyka.

glass3d Napis do edycji, a przed nimi szklana bryła, która stale się obraca, podąża za kursorem i daje się obracać myszą z bezwładnością. Każda klatka powstaje w dwóch krokach: najpierw scena bez bryły trafia do osobnej tekstury, a potem shader szkła odczytuje ją z przesunięciem wyliczonym z kąta załamania światła, dodając rozszczepienie kolorów, zniekształcenie i odbicia kolorowych świateł z otoczenia. Można zmienić bryłę, sposób renderowania szkła (prawdziwa refrakcja, same odbicia albo szkło matowe), kolorystykę tła i czcionkę napisu.

Napis do edycji, a przed nimi szklana bryła, która stale się obraca, podąża za kursorem i daje się obracać myszą z bezwładnością. Każda klatka powstaje w dwóch krokach: najpierw scena bez bryły trafia do osobnej tekstury, a potem shader szkła odczytuje ją z przesunięciem wyliczonym z kąta załamania światła, dodając rozszczepienie kolorów, zniekształcenie i odbicia kolorowych świateł z otoczenia. Można zmienić bryłę, sposób renderowania szkła (prawdziwa refrakcja, same odbicia albo szkło matowe), kolorystykę tła i czcionkę napisu.

teczki Treść strony jest przykładowa - jest to prezentacja roślin. Strona główna to stos kolorowych teczek w czterech grupach (owoce, warzywa, krzewy, drzewa), a każda teczka ma zakładkę z nazwą rośliny. Po kliknięciu zakładki teczka wysuwa się ze stosu, obraca i otwiera w 3D. W środku jest dossier rośliny: dawna tablica botaniczna, metryczka (nazwa łacińska, pochodzenie, witaminy, kalorie), krótki tekst i scrapbook z ilustracjami i notatkami, które można przesuwać myszą. Boczne zakładki prowadzą do sąsiednich teczek, a „Powrót” zamyka teczkę i chowa ją z powrotem do stosu.

Treść strony jest przykładowa - jest to prezentacja roślin. Strona główna to stos kolorowych teczek w czterech grupach (owoce, warzywa, krzewy, drzewa), a każda teczka ma zakładkę z nazwą rośliny. Po kliknięciu zakładki teczka wysuwa się ze stosu, obraca i otwiera w 3D. W środku jest dossier rośliny: dawna tablica botaniczna, metryczka (nazwa łacińska, pochodzenie, witaminy, kalorie), krótki tekst i scrapbook z ilustracjami i notatkami, które można przesuwać myszą. Boczne zakładki prowadzą do sąsiednich teczek, a „Powrót” zamyka teczkę i chowa ją z powrotem do stosu.

shootris Shootris to trochę tetris, ale odwrócony. Klocki spadają same i nie możesz ich przesuwać ani obracać. Zamiast tego masz celownik i strzelasz dodatkowymi kostkami, które doklejasz do spadającego klocka. Musisz tak go przerobić w locie, żeby po wylądowaniu pasował do stosu i pomagał wypełniać całe poziome rzędy. Każdy strzał zużywa amunicję, którą odzyskujesz m.in. za usuwanie pełnych rzędów. Są też specjalne kostki: jedne dają dodatkową amunicję, inne blokują możliwość doklejania, a jeszcze inne potrafią usunąć cały rząd lub obszar. Im dalej dojdziesz, tym szybciej spadają klocki i tym mocniej kołysze się plansza, więc coraz trudniej dokładnie celować.

Shootris to trochę tetris, ale odwrócony. Klocki spadają same i nie możesz ich przesuwać ani obracać. Zamiast tego masz celownik i strzelasz dodatkowymi kostkami, które doklejasz do spadającego klocka. Musisz tak go przerobić w locie, żeby po wylądowaniu pasował do stosu i pomagał wypełniać całe poziome rzędy. Każdy strzał zużywa amunicję, którą odzyskujesz m.in. za usuwanie pełnych rzędów. Są też specjalne kostki: jedne dają dodatkową amunicję, inne blokują możliwość doklejania, a jeszcze inne potrafią usunąć cały rząd lub obszar. Im dalej dojdziesz, tym szybciej spadają klocki i tym mocniej kołysze się plansza, więc coraz trudniej dokładnie celować.

btc-in-gold Przykładasz kartę kredytową do ekranu, dopasowujesz rozmiar ramki aby zachować proporcje. Aplikacja pokazuje, jak fizycznie wyglądałaby i ile fizycznie ważyłaby Twoja kryptowaluta (Bitcoin lub Ethereum), gdyby zamienić ją na złoto, srebro czy inny metal szlachetny — w postaci błyszczącej, obracającej się 3D monety lub sztabki. Wpisujesz ilość, wybierasz metal i kształt, a program w czasie rzeczywistym pobiera aktualne kursy i przelicza je na wagę oraz wymiary (w gramach i milimetrach).

Przykładasz kartę kredytową do ekranu, dopasowujesz rozmiar ramki aby zachować proporcje. Aplikacja pokazuje, jak fizycznie wyglądałaby i ile fizycznie ważyłaby Twoja kryptowaluta (Bitcoin lub Ethereum), gdyby zamienić ją na złoto, srebro czy inny metal szlachetny — w postaci błyszczącej, obracającej się 3D monety lub sztabki. Wpisujesz ilość, wybierasz metal i kształt, a program w czasie rzeczywistym pobiera aktualne kursy i przelicza je na wagę oraz wymiary (w gramach i milimetrach).

letter-pattern Aplikacja losuje znaki: małe i wielkie litery, cyfry oraz znaki interpunkcyjne, i układa je jeden po drugim tak, żeby zrastały się ze sobą w jedną gładką, ozdobną bryłę, którą maluje kolorowym gradientem na jaśniejszym tle. Na górze wybierasz przyciskami, z jakich grup znaków ma korzystać (abc, ABC, 123, !@#), a trzy kolejne przyciski włączają pokaz slajdów (nowy obraz co 10 sekund), generują nowy wzór na żądanie i zapisują aktualny obraz jako plik PNG. Nic nie trzeba ustawiać ani zapisywać - wystarczy patrzeć, klikać "nowy wzór", aż trafisz na taki, który Ci się spodoba, i pobrać go; twoje ustawienia przycisków zostaną zapamiętane do następnego uruchomienia.

Aplikacja losuje znaki: małe i wielkie litery, cyfry oraz znaki interpunkcyjne, i układa je jeden po drugim tak, żeby zrastały się ze sobą w jedną gładką, ozdobną bryłę, którą maluje kolorowym gradientem na jaśniejszym tle. Na górze wybierasz przyciskami, z jakich grup znaków ma korzystać (abc, ABC, 123, !@#), a trzy kolejne przyciski włączają pokaz slajdów (nowy obraz co 10 sekund), generują nowy wzór na żądanie i zapisują aktualny obraz jako plik PNG. Nic nie trzeba ustawiać ani zapisywać - wystarczy patrzeć, klikać "nowy wzór", aż trafisz na taki, który Ci się spodoba, i pobrać go; twoje ustawienia przycisków zostaną zapamiętane do następnego uruchomienia.

miniminer3 Pixel-artowa złożona gra o kopaniu coraz głębiej pod ziemię, zbieraniu rud, kryształów i specjalnych znalezisk oraz rozbudowywaniu swojego małego pojazdu górniczego. Gracz zaczyna na powierzchni z podstawowym sprzętem, a potem stopniowo odkrywa bogatsze złoża, podziemne struktury, bonusy i ryzyka ukryte w kolejnych warstwach kopalni.

Pixel-artowa złożona gra o kopaniu coraz głębiej pod ziemię, zbieraniu rud, kryształów i specjalnych znalezisk oraz rozbudowywaniu swojego małego pojazdu górniczego. Gracz zaczyna na powierzchni z podstawowym sprzętem, a potem stopniowo odkrywa bogatsze złoża, podziemne struktury, bonusy i ryzyka ukryte w kolejnych warstwach kopalni.

best-place-for-text-on-image Wrzucasz dowolne zdjęcie i wpisujesz trzy teksty: nagłówek, podtytuł i krótki opis. Aplikacja sama sprawdza, gdzie na zdjęciu jest najspokojniejsze miejsce - takie, które nie zasłoni twarzy ani niczego ważnego - i tam układa napisy, dobierając do nich pasujące kroje pisma i kolory tak, żeby były czytelne na tym konkretnym tle. Na koniec dostajesz gotowy kod HTML: klikasz „Kopiuj" i wklejasz go na swoją stronę. Możesz też pobrać obrazek.

Wrzucasz dowolne zdjęcie i wpisujesz trzy teksty: nagłówek, podtytuł i krótki opis. Aplikacja sama sprawdza, gdzie na zdjęciu jest najspokojniejsze miejsce - takie, które nie zasłoni twarzy ani niczego ważnego - i tam układa napisy, dobierając do nich pasujące kroje pisma i kolory tak, żeby były czytelne na tym konkretnym tle. Na koniec dostajesz gotowy kod HTML: klikasz „Kopiuj" i wklejasz go na swoją stronę. Możesz też pobrać obrazek.

last-pixel-alive Lecisz białym trójkątnym statkiem zbudowanym z kolorowych pikseli, ale nie masz amunicji. Żeby strzelić, odrywasz kawałek samego siebie i robisz się mniejszy oraz słabszy. Odbudowujesz się tylko wsysając okruchy z rozbitych wrogów, przejmując przy tym ich barwy. To gra o nieustannym ryzyku - każdy pocisk to dosłowne zranienie siebie w nadziei na odzyskanie surowca. Sterowanie palcem, myszką albo WSAD/strzałki+spacja.

Lecisz białym trójkątnym statkiem zbudowanym z kolorowych pikseli, ale nie masz amunicji. Żeby strzelić, odrywasz kawałek samego siebie i robisz się mniejszy oraz słabszy. Odbudowujesz się tylko wsysając okruchy z rozbitych wrogów, przejmując przy tym ich barwy. To gra o nieustannym ryzyku - każdy pocisk to dosłowne zranienie siebie w nadziei na odzyskanie surowca. Sterowanie palcem, myszką albo WSAD/strzałki+spacja.

cubefolio Galeria zbudowana w HTML, CSS i JS. Jej centrum stanowi interaktywna bryła 3D, przełączana między sześcianem i ikosaedrem, na której ścianach pojawiają się zdjęcia. Przewijanie lub gesty zmieniają aktualny obraz, obracając bryłę, aktualizując opisy i płynnie podmieniając rozmyte tło całej strony. Projekt ma minimalistyczny charakter: biała przestrzeń, delikatne cienie, subtelny przełącznik kształtu, licznik pozycji przy przewijaku i lekko typograficzne opisy zdjęć.

Galeria zbudowana w HTML, CSS i JS. Jej centrum stanowi interaktywna bryła 3D, przełączana między sześcianem i ikosaedrem, na której ścianach pojawiają się zdjęcia. Przewijanie lub gesty zmieniają aktualny obraz, obracając bryłę, aktualizując opisy i płynnie podmieniając rozmyte tło całej strony. Projekt ma minimalistyczny charakter: biała przestrzeń, delikatne cienie, subtelny przełącznik kształtu, licznik pozycji przy przewijaku i lekko typograficzne opisy zdjęć.

lightning Ciemna, prawie czarno-fioletowa strona z klasycznie złożonym tytułem, krótkim akapitem tekstu i dwoma czarno-białymi zdjęciami po bokach. W bezruchu wszystko jest przygaszone. Gdy ruszysz myszką, kursor zamienia się w świecącą kulę, z której strzelają błyskawice — w litery, w zdjęcia i w krawędzie ekranu. Trafione litery rozbłyskują pojedynczo, zdjęcia na moment jaśnieją. Im szybciej prowadzisz kursor, tym więcej wyładowań; gdy się zatrzymasz, wszystko gaśnie.

Ciemna, prawie czarno-fioletowa strona z klasycznie złożonym tytułem, krótkim akapitem tekstu i dwoma czarno-białymi zdjęciami po bokach. W bezruchu wszystko jest przygaszone. Gdy ruszysz myszką, kursor zamienia się w świecącą kulę, z której strzelają błyskawice — w litery, w zdjęcia i w krawędzie ekranu. Trafione litery rozbłyskują pojedynczo, zdjęcia na moment jaśnieją. Im szybciej prowadzisz kursor, tym więcej wyładowań; gdy się zatrzymasz, wszystko gaśnie.

gravity-orbit Neonowa zręcznościowa gra kosmiczna. Sterujesz statkiem broniącym kruchej, ziemiopodobnej planety. Każdy strzał powoduje odrzut i zmienia Twoja orbitę. Celem jest niszczenie nadlatujących przeciwników bez spalenia się w atmosferze i bez ucieczki poza grawitację planety. Warto czasem strzelić tuż obok planety (ale nie w nią!) albo w przestrzeń.

Neonowa zręcznościowa gra kosmiczna. Sterujesz statkiem broniącym kruchej, ziemiopodobnej planety. Każdy strzał powoduje odrzut i zmienia Twoja orbitę. Celem jest niszczenie nadlatujących przeciwników bez spalenia się w atmosferze i bez ucieczki poza grawitację planety. Warto czasem strzelić tuż obok planety (ale nie w nią!) albo w przestrzeń.

surface Interaktywna galeria, w której projekty układają się w żywą, falującą powierzchnię z obrazów. Każdy kafelek jest częścią większej całości, a podczas poruszania kursorem przestrzeń reaguje subtelnym podbiciem, jakby użytkownik przesuwał dłonią po miękkiej, wizualnej mapie. Całość tworzy wrażenie przeglądania portfolio nie jako listy prac, ale jako krajobrazu, który można odkrywać ruchem.

Interaktywna galeria, w której projekty układają się w żywą, falującą powierzchnię z obrazów. Każdy kafelek jest częścią większej całości, a podczas poruszania kursorem przestrzeń reaguje subtelnym podbiciem, jakby użytkownik przesuwał dłonią po miękkiej, wizualnej mapie. Całość tworzy wrażenie przeglądania portfolio nie jako listy prac, ale jako krajobrazu, który można odkrywać ruchem.

insideball Galeria, w której zdjęcia otaczają użytkownika ze wszystkich stron, tworząc wrażenie zanurzenia w przestrzeni obrazu. Przeciągając myszką lub palcem, można swobodnie obracać całą kompozycję, odkrywać kolejne kadry i zatrzymywać uwagę na wybranych fotografiach. Po kliknięciu zdjęcie otwiera się w większym podglądzie, pozwalając obejrzeć je spokojniej i z bliska.

Galeria, w której zdjęcia otaczają użytkownika ze wszystkich stron, tworząc wrażenie zanurzenia w przestrzeni obrazu. Przeciągając myszką lub palcem, można swobodnie obracać całą kompozycję, odkrywać kolejne kadry i zatrzymywać uwagę na wybranych fotografiach. Po kliknięciu zdjęcie otwiera się w większym podglądzie, pozwalając obejrzeć je spokojniej i z bliska.

a6w Trener A6W to prosta aplikacja pomagająca przejść przez 42-dniowy plan Aerobicznej 6 Weidera krok po kroku. Użytkownik wybiera dzień treningu, a aplikacja prowadzi go przez kolejne ćwiczenia, serie i powtórzenia za pomocą dużych, czytelnych komunikatów, ilustracji oraz sygnałów dźwiękowych. Dzięki temu podczas ćwiczeń nie trzeba ciągle zerkać w rozpiskę ani samodzielnie pilnować czasu.

Trener A6W to prosta aplikacja pomagająca przejść przez 42-dniowy plan Aerobicznej 6 Weidera krok po kroku. Użytkownik wybiera dzień treningu, a aplikacja prowadzi go przez kolejne ćwiczenia, serie i powtórzenia za pomocą dużych, czytelnych komunikatów, ilustracji oraz sygnałów dźwiękowych. Dzięki temu podczas ćwiczeń nie trzeba ciągle zerkać w rozpiskę ani samodzielnie pilnować czasu.

ghostletters Ghost Letters to strona zbudowana wokół ruchu, typografii i ulotności tekstu. Na pierwszy rzut oka wygląda spokojnie: czarne, szeryfowe litery na białym tle, wycentrowane w przestrzeni strony. Dopiero kontakt z tekstem uruchamia jego drugą warstwę — każda dotknięta lub wskazana litera zostawia po sobie chwilowy cień, który rozrasta się i znika, jakby znak na moment oddzielał się od samego siebie.
W tle pulsują duże, rozproszone litery, tworząc subtelną atmosferę żywego pola tekstowego.

Ghost Letters to strona zbudowana wokół ruchu, typografii i ulotności tekstu. Na pierwszy rzut oka wygląda spokojnie: czarne, szeryfowe litery na białym tle, wycentrowane w przestrzeni strony. Dopiero kontakt z tekstem uruchamia jego drugą warstwę — każda dotknięta lub wskazana litera zostawia po sobie chwilowy cień, który rozrasta się i znika, jakby znak na moment oddzielał się od samego siebie.
W tle pulsują duże, rozproszone litery, tworząc subtelną atmosferę żywego pola tekstowego.

3d-writing Zabawa typografią, w której zwykły napis zmienia się w kolorową, przestrzenną kompozycję. Użytkownik może wpisać własne słowo lub krótką frazę, a każda litera otrzymuje indywidualny charakter, kolor i styl, tworząc dynamiczny napis o wyrazistym, artystycznym wyglądzie.
Projekt pozwala odkrywać tekst przez ruch i dotyk: litery reagują na kursor, unoszą się, obracają i zmieniają swoją obecność na ekranie. To proste, efektowne narzędzie do tworzenia wizualnych napisów, które sprawdzą się jako inspiracja, element prezentacji, kreatywna wizytówka lub po prostu przyjemny eksperyment z formą słów.

Zabawa typografią, w której zwykły napis zmienia się w kolorową, przestrzenną kompozycję. Użytkownik może wpisać własne słowo lub krótką frazę, a każda litera otrzymuje indywidualny charakter, kolor i styl, tworząc dynamiczny napis o wyrazistym, artystycznym wyglądzie.
Projekt pozwala odkrywać tekst przez ruch i dotyk: litery reagują na kursor, unoszą się, obracają i zmieniają swoją obecność na ekranie. To proste, efektowne narzędzie do tworzenia wizualnych napisów, które sprawdzą się jako inspiracja, element prezentacji, kreatywna wizytówka lub po prostu przyjemny eksperyment z formą słów.

cards Kolekcja wizualnych kart ułożonych w dynamiczny, przestrzenny układ. Każda karta działa jak osobna opowieść: ma własny kolor, rytm, ilustracje i strukturę treści, dzięki czemu przeglądanie przypomina przewijanie eleganckiego katalogu lub prezentacji projektowej.
Po wybraniu karty jej zawartość rozwija się do pełnego widoku strony, pozwalając skupić się na szczegółach: nagłówkach, tekstach, obrazach, tabelach, listach i galeriach. Całość ma charakter nowoczesny, kontrastowy i biznesowo-projektowy, łącząc efektowną formę z czytelną prezentacją treści.

Kolekcja wizualnych kart ułożonych w dynamiczny, przestrzenny układ. Każda karta działa jak osobna opowieść: ma własny kolor, rytm, ilustracje i strukturę treści, dzięki czemu przeglądanie przypomina przewijanie eleganckiego katalogu lub prezentacji projektowej.
Po wybraniu karty jej zawartość rozwija się do pełnego widoku strony, pozwalając skupić się na szczegółach: nagłówkach, tekstach, obrazach, tabelach, listach i galeriach. Całość ma charakter nowoczesny, kontrastowy i biznesowo-projektowy, łącząc efektowną formę z czytelną prezentacją treści.

hexminer Celem projektu było przetestowanie nietypowej, heksagonalnej symetrii jako podstawy ruchu, kopania i układu świata, a sama rozgrywka wyrasta właśnie z tego eksperymentu. HexMiner to lekka gra o eksploracji podziemi, w której prowadzisz mały pojazd górniczy przez świat zbudowany z heksagonalnych pól. Gracz kopie tunele, zbiera ziemię, rudy, kryształy i skarby, a potem wraca na powierzchnię, by sprzedawać zdobycze i rozwijać pojazd. Im głębiej schodzi, tym cenniejsze znaleziska może odkryć, ale rośnie też ryzyko, więc każda wyprawa staje się decyzją: wrócić bezpiecznie czy sprawdzić, co kryje się jeszcze kawałek niżej.

Celem projektu było przetestowanie nietypowej, heksagonalnej symetrii jako podstawy ruchu, kopania i układu świata, a sama rozgrywka wyrasta właśnie z tego eksperymentu. HexMiner to lekka gra o eksploracji podziemi, w której prowadzisz mały pojazd górniczy przez świat zbudowany z heksagonalnych pól. Gracz kopie tunele, zbiera ziemię, rudy, kryształy i skarby, a potem wraca na powierzchnię, by sprzedawać zdobycze i rozwijać pojazd. Im głębiej schodzi, tym cenniejsze znaleziska może odkryć, ale rośnie też ryzyko, więc każda wyprawa staje się decyzją: wrócić bezpiecznie czy sprawdzić, co kryje się jeszcze kawałek niżej.

pixelupe Obraz i tekst jako żywa, interaktywna kompozycja. Po prawej stronie zdjęcie reaguje na ruch kursora jak pikselowa lupa: fragment pod wskaźnikiem staje się wyraźniejszy, a dalsze obszary pozostają bardziej uproszczone i mozaikowe. Kliknięcie w obraz uruchamia falę, która rozchodzi się po zdjęciu i chwilowo zmienia jego szczegółowość. Po lewej stronie znajduje się tekst na czystym, białym tle, który również reaguje na użytkownika. Po najechaniu kursorem litery ulegają odwróconemu efektowi pikselizacji, a kliknięcie wywołuje falę przechodzącą przez tekst.

Obraz i tekst jako żywa, interaktywna kompozycja. Po prawej stronie zdjęcie reaguje na ruch kursora jak pikselowa lupa: fragment pod wskaźnikiem staje się wyraźniejszy, a dalsze obszary pozostają bardziej uproszczone i mozaikowe. Kliknięcie w obraz uruchamia falę, która rozchodzi się po zdjęciu i chwilowo zmienia jego szczegółowość. Po lewej stronie znajduje się tekst na czystym, białym tle, który również reaguje na użytkownika. Po najechaniu kursorem litery ulegają odwróconemu efektowi pikselizacji, a kliknięcie wywołuje falę przechodzącą przez tekst.

sphere Przestrzenna galeria portfolio, która pozwala odkrywać projekty w bardziej intuicyjny i angażujący sposób niż klasyczna lista realizacji. Zamiast przewijania kolejnych sekcji, użytkownik obraca dynamiczną kompozycję obrazów, zatrzymuje się na wybranym projekcie i może wejść głębiej w jego historię.
Każdy projekt działa jak osobna karta: najpierw przyciąga uwagę obrazem i tytułem, a po otwarciu pokazuje większy kontekst, opis oraz dodatkowe informacje. Całość ma charakter eksperymentalny, lekki i wizualny, dzięki czemu portfolio staje się doświadczeniem do eksplorowania, a nie tylko zbiorem prac do obejrzenia.

Przestrzenna galeria portfolio, która pozwala odkrywać projekty w bardziej intuicyjny i angażujący sposób niż klasyczna lista realizacji. Zamiast przewijania kolejnych sekcji, użytkownik obraca dynamiczną kompozycję obrazów, zatrzymuje się na wybranym projekcie i może wejść głębiej w jego historię.
Każdy projekt działa jak osobna karta: najpierw przyciąga uwagę obrazem i tytułem, a po otwarciu pokazuje większy kontekst, opis oraz dodatkowe informacje. Całość ma charakter eksperymentalny, lekki i wizualny, dzięki czemu portfolio staje się doświadczeniem do eksplorowania, a nie tylko zbiorem prac do obejrzenia.

convex Kompozycja wizualna, w której złota forma napisu stapia się z otaczającą ją powierzchnią, a następnie subtelnie odchyla się pod wpływem ruchu kursora. Efekt sprawia wrażenie, jakby litery były jednocześnie częścią płaskiej bryły i osobnym, ciężkim elementem, który można wydobyć ze światła i cienia.
Projekt opiera się na kontraście między precyzyjnym, geometrycznym kształtem a miękkimi refleksami przypominającymi metal. Zmieniające się oświetlenie, błyski na krawędziach i delikatny ruch tworzą wrażenie głębi, dzięki czemu całość działa jak elegancki, kinetyczny detal na stronie.

Kompozycja wizualna, w której złota forma napisu stapia się z otaczającą ją powierzchnią, a następnie subtelnie odchyla się pod wpływem ruchu kursora. Efekt sprawia wrażenie, jakby litery były jednocześnie częścią płaskiej bryły i osobnym, ciężkim elementem, który można wydobyć ze światła i cienia.
Projekt opiera się na kontraście między precyzyjnym, geometrycznym kształtem a miękkimi refleksami przypominającymi metal. Zmieniające się oświetlenie, błyski na krawędziach i delikatny ruch tworzą wrażenie głębi, dzięki czemu całość działa jak elegancki, kinetyczny detal na stronie.

tiltgal Galeria obrazów z ciemnym, kinowym tłem i subtelnym efektem kolorowych świateł w tle. Miniatury układają się w przejrzystą siatkę, reagują na ruch kursora i delikatnie przechylają się w przestrzeni, dzięki czemu przeglądanie zdjęć ma bardziej żywy, dotykowy charakter.
Po kliknięciu wybrany obraz płynnie przechodzi w duży podgląd, zachowując swoje naturalne proporcje. Użytkownik może swobodnie przechodzić między kolejnymi ilustracjami, wrócić do widoku miniatur albo przybliżać obraz, aby zobaczyć więcej szczegółów.

Galeria obrazów z ciemnym, kinowym tłem i subtelnym efektem kolorowych świateł w tle. Miniatury układają się w przejrzystą siatkę, reagują na ruch kursora i delikatnie przechylają się w przestrzeni, dzięki czemu przeglądanie zdjęć ma bardziej żywy, dotykowy charakter.
Po kliknięciu wybrany obraz płynnie przechodzi w duży podgląd, zachowując swoje naturalne proporcje. Użytkownik może swobodnie przechodzić między kolejnymi ilustracjami, wrócić do widoku miniatur albo przybliżać obraz, aby zobaczyć więcej szczegółów.

shatter-road Jazda stalową kulką po świecącej, pękającej drodze przez kosmiczny tor, który najwyraźniej budował ktoś z dużą wyobraźnią i małym szacunkiem do zasad BHP.
Twoja kulka naprawia trasę, strzela zielonym laserem, omija dziury i rozbija przeszkody, bo inaczej wszystko dramatycznie eksploduje.
Fabuła jest prosta: ostatnia autostrada energii rozpadła się na kawałki, więc wysłano srebrną kulkę-serwisanta, żeby dotoczyła się do końca, poskładała neonowy chaos i nie dała się po drodze zepchnąć przez latające kryształy z bardzo złym nastawieniem.

Jazda stalową kulką po świecącej, pękającej drodze przez kosmiczny tor, który najwyraźniej budował ktoś z dużą wyobraźnią i małym szacunkiem do zasad BHP.
Twoja kulka naprawia trasę, strzela zielonym laserem, omija dziury i rozbija przeszkody, bo inaczej wszystko dramatycznie eksploduje.
Fabuła jest prosta: ostatnia autostrada energii rozpadła się na kawałki, więc wysłano srebrną kulkę-serwisanta, żeby dotoczyła się do końca, poskładała neonowy chaos i nie dała się po drodze zepchnąć przez latające kryształy z bardzo złym nastawieniem.

pistons Pistons to przestrzenna ściana złożona z ciężkich, błyszczących bloków, które wyglądają jak elementy starej maszyny albo industrialnego panelu sterowania. Każdy tłok reprezentuje osobną sekcję, a całość tworzy gęsty, materialny obiekt pełen rys, przebarwień, kolorowych akcentów i głębokich cieni.
Użytkownik eksploruje projekt ruchem kursora i kliknięciami: światło podąża za myszą, wydobywając połysk z krawędzi, a wybrane tłoki wysuwają się w stronę widza i wracają z mocnym, mechanicznym uderzeniem. Efekt ma być surowy, fizyczny i trochę niepokojący, jak kontakt z cyfrową maszyną, która reaguje na obecność użytkownika.

Pistons to przestrzenna ściana złożona z ciężkich, błyszczących bloków, które wyglądają jak elementy starej maszyny albo industrialnego panelu sterowania. Każdy tłok reprezentuje osobną sekcję, a całość tworzy gęsty, materialny obiekt pełen rys, przebarwień, kolorowych akcentów i głębokich cieni.
Użytkownik eksploruje projekt ruchem kursora i kliknięciami: światło podąża za myszą, wydobywając połysk z krawędzi, a wybrane tłoki wysuwają się w stronę widza i wracają z mocnym, mechanicznym uderzeniem. Efekt ma być surowy, fizyczny i trochę niepokojący, jak kontakt z cyfrową maszyną, która reaguje na obecność użytkownika.

spine Spinefolio to efektowna, przestrzenna prezentacja portfolio, w której projekty układają się wokół dynamicznej, przewijanej formy. Użytkownik odkrywa kolejne realizacje w płynnym ruchu, a zdjęcia i krótkie etykiety tworzą wrażenie wejścia do żywej, wizualnej galerii zamiast przeglądania klasycznej listy prac.
Całość została zaprojektowana jako mocne pierwsze wrażenie dla marek, twórców i studiów, które chcą pokazać swoje realizacje w bardziej immersyjny sposób. Każdy projekt może prowadzić do większego podglądu z opisem, dzięki czemu prezentacja łączy ekspresyjny charakter strony głównej z konkretną, czytelną informacją o pracy.

Spinefolio to efektowna, przestrzenna prezentacja portfolio, w której projekty układają się wokół dynamicznej, przewijanej formy. Użytkownik odkrywa kolejne realizacje w płynnym ruchu, a zdjęcia i krótkie etykiety tworzą wrażenie wejścia do żywej, wizualnej galerii zamiast przeglądania klasycznej listy prac.
Całość została zaprojektowana jako mocne pierwsze wrażenie dla marek, twórców i studiów, które chcą pokazać swoje realizacje w bardziej immersyjny sposób. Każdy projekt może prowadzić do większego podglądu z opisem, dzięki czemu prezentacja łączy ekspresyjny charakter strony głównej z konkretną, czytelną informacją o pracy.

asciipointer Minimalistyczna strona, w której zwykły kursor zmienia się w żywą plamę zbudowaną ze znaków ASCII. Każdy ruch myszy lub palca odsłania dynamiczny ślad z liter, cyfr i symboli, które układają się w miękką, organiczną formę na jasnym albo ciemnym tle.
Użytkownik może dopasować wygląd efektu do własnego nastroju: zmienić rozmiar, intensywność, długość śladu, kolorystykę, gęstość znaków i sposób ich migotania. Całość działa jak mały wizualny instrument, w którym ruch staje się tekstową grafiką reagującą natychmiast na gest.

Minimalistyczna strona, w której zwykły kursor zmienia się w żywą plamę zbudowaną ze znaków ASCII. Każdy ruch myszy lub palca odsłania dynamiczny ślad z liter, cyfr i symboli, które układają się w miękką, organiczną formę na jasnym albo ciemnym tle.
Użytkownik może dopasować wygląd efektu do własnego nastroju: zmienić rozmiar, intensywność, długość śladu, kolorystykę, gęstość znaków i sposób ich migotania. Całość działa jak mały wizualny instrument, w którym ruch staje się tekstową grafiką reagującą natychmiast na gest.

moebius Galeria obrazów osadzona na wstędze Möbiusa w kształcie znaku nieskończoności. Na ciemnym, gwiezdnym tle płynnie porusza się błyszcząca wstęga, po której przesuwają się zdjęcia. Użytkownik może oglądać ją z różnych stron, przybliżać, oddalać i przewijać obrazy w spokojnym, przestrzennym rytmie.
Strona ma działać bardziej jak nastrojowy obiekt do eksploracji niż zwykła galeria. Zdjęcia tworzą ciągłą, zapętloną opowieść wizualną, a ruch gwiazd i subtelne światło nadają całości wrażenie lekkości, głębi i kosmicznej atmosfery. Kliknięcie zdjęcia pozwala zobaczyć je w powiększeniu, bez odrywania się od minimalistycznego charakteru doświadczenia.

Galeria obrazów osadzona na wstędze Möbiusa w kształcie znaku nieskończoności. Na ciemnym, gwiezdnym tle płynnie porusza się błyszcząca wstęga, po której przesuwają się zdjęcia. Użytkownik może oglądać ją z różnych stron, przybliżać, oddalać i przewijać obrazy w spokojnym, przestrzennym rytmie.
Strona ma działać bardziej jak nastrojowy obiekt do eksploracji niż zwykła galeria. Zdjęcia tworzą ciągłą, zapętloną opowieść wizualną, a ruch gwiazd i subtelne światło nadają całości wrażenie lekkości, głębi i kosmicznej atmosfery. Kliknięcie zdjęcia pozwala zobaczyć je w powiększeniu, bez odrywania się od minimalistycznego charakteru doświadczenia.

morph Kolejne ilustracje płynnie przechodzą jedna w drugą podczas przewijania strony. Zamiast klasycznego układu z obrazami ułożonymi jeden pod drugim, całość działa jak spokojna, wizualna opowieść: użytkownik zatrzymuje wzrok na jednym obrazie, po czym wraz ze scrollem widzi, jak kompozycja organicznie zmienia się w następną.
Projekt stawia na pełnoekranowe doświadczenie bez zbędnych elementów interfejsu. Obrazy są najważniejsze, a ruch między nimi ma budować wrażenie ciągłości, lekkości i zanurzenia, dzięki czemu przeglądanie galerii staje się bardziej emocjonalne i angażujące niż zwykłe oglądanie statycznych ilustracji.

Kolejne ilustracje płynnie przechodzą jedna w drugą podczas przewijania strony. Zamiast klasycznego układu z obrazami ułożonymi jeden pod drugim, całość działa jak spokojna, wizualna opowieść: użytkownik zatrzymuje wzrok na jednym obrazie, po czym wraz ze scrollem widzi, jak kompozycja organicznie zmienia się w następną.
Projekt stawia na pełnoekranowe doświadczenie bez zbędnych elementów interfejsu. Obrazy są najważniejsze, a ruch między nimi ma budować wrażenie ciągłości, lekkości i zanurzenia, dzięki czemu przeglądanie galerii staje się bardziej emocjonalne i angażujące niż zwykłe oglądanie statycznych ilustracji.

ikosaedr Interaktywna, pełnoekranowa kompozycja z obracającą się bryłą złożoną z dwudziestu obrazów. Użytkownik może swobodnie poruszać obiektem, przybliżać go, oddalać i odkrywać kolejne ściany, traktując całość jak przestrzenną galerię ilustracji.
Każda ściana bryły prowadzi do większego podglądu obrazu, dzięki czemu projekt łączy w sobie wrażenie zabawy, eksploracji i spokojnego oglądania. Ciemne tło, subtelne gwiazdy i powolny ruch po chwili bezczynności tworzą atmosferę lekkiej, kosmicznej instalacji wizualnej.

Interaktywna, pełnoekranowa kompozycja z obracającą się bryłą złożoną z dwudziestu obrazów. Użytkownik może swobodnie poruszać obiektem, przybliżać go, oddalać i odkrywać kolejne ściany, traktując całość jak przestrzenną galerię ilustracji.
Każda ściana bryły prowadzi do większego podglądu obrazu, dzięki czemu projekt łączy w sobie wrażenie zabawy, eksploracji i spokojnego oglądania. Ciemne tło, subtelne gwiazdy i powolny ruch po chwili bezczynności tworzą atmosferę lekkiej, kosmicznej instalacji wizualnej.