https://animorio.com/en/journal/ How it’s made: animated websites we love, taken apart piece by piece, with demos rebuilt from scratch. en-gb Sat, 24 Oct 2026 08:30:00 GMT https://animorio.com/en/journal/lightweight-how-its-made/ https://animorio.com/en/journal/lightweight-how-its-made/ The Lightweight site opens in the dark with a carbon racing wheel that turns and comes closer as you scroll, then the page goes silver, the headlines arrive letter by letter, tumbling into place, and two thin circles with crosshairs move at every chapter. We take it apart with three demos rebuilt from scratch. Sat, 24 Oct 2026 08:30:00 GMT https://animorio.com/en/journal/crav-how-its-made/ https://animorio.com/en/journal/crav-how-its-made/ The Crav Burgers site opens with a burger that builds itself layer by layer and three sauce-coloured curtains that lift away, drags a rope of ingredients behind the pointer and ends with a footer where lettuce and cheese fly through the air. We take it apart with three demos rebuilt from scratch. Fri, 23 Oct 2026 08:30:00 GMT https://animorio.com/en/journal/meech213-how-its-made/ https://animorio.com/en/journal/meech213-how-its-made/ The site of Meech213, the fashion photographer Dametreus Ward, puts its menu on a clock face and its photos on a dome around the viewer, to be spun with the wheel or a finger. We take it apart with three demos rebuilt from scratch, in the minimal style. Thu, 22 Oct 2026 08:30:00 GMT https://animorio.com/en/journal/son-daven-how-its-made/ https://animorio.com/en/journal/son-daven-how-its-made/ The site of Son Daven, a design hotel being built in the Carpathians, draws mountains, sheep and birds with vertical lines of varying thickness, like an engraving that moves. We take it apart with three demos rebuilt from scratch, in the minimal style. Wed, 21 Oct 2026 16:00:00 GMT https://animorio.com/en/journal/1minus1-how-its-made/ https://animorio.com/en/journal/1minus1-how-its-made/ The site of 1minus1, a creative agency for video games, opens with two giant words in a pixel typeface that grow out of the middle while their letters drop in, one from above and one from below, and behind the mouse the page lights up in squares. We take it apart with three demos rebuilt from scratch, in the minimal style. Sat, 17 Oct 2026 18:00:00 GMT https://animorio.com/en/journal/belgrade-arbor-how-its-made/ https://animorio.com/en/journal/belgrade-arbor-how-its-made/ The site of Belgrade Arbor, a complex of homes and offices in New Belgrade, opens with a pencil drawing that turns into the building and tells the project as you scroll: photos cut into soft shapes that change shape, a 3D map of the surroundings, the site seen from above through the clouds. We take it apart with three demos rebuilt from scratch, in the minimal style. Sat, 17 Oct 2026 12:00:00 GMT https://animorio.com/en/journal/overworld-audio-how-its-made/ https://animorio.com/en/journal/overworld-audio-how-its-made/ The Overworld Audio site is a 3D night landscape with the logo carved into the rock: you enter through a threshold where the name appears, the logo’s outline rises out of a noise and the mouse trail wipes it away. We take it apart with three demos rebuilt from scratch, in the minimal style. Fri, 16 Oct 2026 19:30:00 GMT https://animorio.com/en/journal/huy-phan-how-its-made/ https://animorio.com/en/journal/huy-phan-how-its-made/ Huy Phan’s portfolio opens with a drawn boy who pushes the black away and uncovers the name, shows the projects as thin pages lined up in space that bend with the speed, and keeps an index at the side that blurs and comes back into focus at every change. We take it apart with three demos rebuilt from scratch. Wed, 14 Oct 2026 14:20:00 GMT https://animorio.com/en/journal/neutomni-how-its-made/ https://animorio.com/en/journal/neutomni-how-its-made/ The site of a Polish design and Webflow studio, red on white, where every shape starts out all corners and ends up round: a square wheel rolling on catenary arches, a diamond thrown into a circle by the mouse, a loader cut open with scissors. We take it apart with three demos rebuilt from scratch. Tue, 13 Oct 2026 16:00:00 GMT https://animorio.com/en/journal/project-cult-how-its-made/ https://animorio.com/en/journal/project-cult-how-its-made/ The site of a CGI and branding studio, all red on black like an old screen: renders covered by a halftone that melts under the mouse, photos that break into strips, titles that condense out of blurred blobs. We take it apart with three demos rebuilt from scratch. Sat, 10 Oct 2026 12:00:00 GMT https://animorio.com/en/journal/stanzza-how-its-made/ https://animorio.com/en/journal/stanzza-how-its-made/ The site of Stanzza, a Barcelona interior studio, opens with a strip of photos that folds into a little square and becomes the room of the home page, shows its apartments inside frames that grow as you scroll and tells the studio in four figures that light up one at a time. We take it apart with three demos rebuilt from scratch. Thu, 08 Oct 2026 21:00:00 GMT https://animorio.com/en/journal/trevor-noah-how-its-made/ https://animorio.com/en/journal/trevor-noah-how-its-made/ Trevor Noah’s site is a paper collage: a cut-out photo of Trevor Noah’s head tears across the forehead and out come a microphone, a book and a video in 3D, the sections part with a tear that follows the scroll, and a sticker head pops up on the pink words. We take it apart with three demos rebuilt from scratch. Thu, 08 Oct 2026 12:00:00 GMT https://animorio.com/en/journal/kavimada-how-its-made/ https://animorio.com/en/journal/kavimada-how-its-made/ The site of two people who make web and mobile products end to end, drawn with flat cut-out shapes: a star that falls and becomes an embrace, names that open and lines you pull with the mouse, stars that come down a trail as you scroll. We take it apart with three demos rebuilt from scratch. Tue, 06 Oct 2026 22:00:00 GMT https://animorio.com/en/journal/warm-fuzzy-how-its-made/ https://animorio.com/en/journal/warm-fuzzy-how-its-made/ The site of a creative studio split between Los Angeles, Boulder and New York: solid letters drawn in WebGPU that work as windows onto the videos, objects floating over the titles and, if you leave the page still, a shower of stickers. We take it apart with three demos rebuilt from scratch. Tue, 06 Oct 2026 21:00:00 GMT https://animorio.com/en/journal/santioni-how-its-made/ https://animorio.com/en/journal/santioni-how-its-made/ The launch site of a liqueur brand, told as a comic: captions a voice reads word by word, a bottle you hold to pour, a temple that cracks and flies away into a red sky, all drawn in real time as an engraving. We take it apart with three demos rebuilt from scratch. Mon, 05 Oct 2026 12:30:00 GMT https://animorio.com/en/journal/nickho-how-its-made/ https://animorio.com/en/journal/nickho-how-its-made/ The site of a Dutch Porsche Carrera Cup driver: a loader where the white screen is the inside of his number, a fluid that brings the colour back to the black and white photo, a car driving through the race calendar. We take it apart with three demos rebuilt from scratch. Fri, 02 Oct 2026 20:30:00 GMT https://animorio.com/en/journal/funtown-how-its-made/ https://animorio.com/en/journal/funtown-how-its-made/ The site of a design studio for startups: a unicorn in sunglasses in a circle inside the headline, shapes that light up near the pointer, a surprise party, services taking turns over a bar of pills and columns of projects moving opposite ways. We take it apart with three demos rebuilt from scratch. Fri, 02 Oct 2026 16:45:00 GMT https://animorio.com/en/journal/altitude101-how-its-made/ https://animorio.com/en/journal/altitude101-how-its-made/ The site of a Paris studio that shoots films for the Apple Vision Pro: a tunnel of shapes that make room for the pointer, a headset that is a hole in the night and widens until the page comes in, three words on three walls of a turning room. We take it apart with three demos rebuilt from scratch. Fri, 02 Oct 2026 15:00:00 GMT https://animorio.com/en/journal/plnty-how-its-made/ https://animorio.com/en/journal/plnty-how-its-made/ The home page of Plnty, a design tool with more than 150 tools on an infinite canvas: a cursor with a name, letters that turn into symbols when it passes over them, a floor of tiles that rise and cards that the mouse throws. We take it apart with three demos rebuilt from scratch. Fri, 02 Oct 2026 12:00:00 GMT https://animorio.com/en/journal/noho-how-its-made/ https://animorio.com/en/journal/noho-how-its-made/ A furniture site redone for fun, in memory of a New Zealand chair brand: a sentence whose photos take turns between the words, a footer that colours itself under the hand and, if you stop touching everything for a minute, a chair that bounces around the dark like the DVD logo. We take it apart with three demos rebuilt from scratch. Thu, 01 Oct 2026 20:00:00 GMT https://animorio.com/en/journal/jesper-landberg-how-its-made/ https://animorio.com/en/journal/jesper-landberg-how-its-made/ The portfolio of Jesper Landberg, Swedish design engineer: a strip of projects bent in space, a page drawn entirely in WebGL over a real HTML layout, and a profile that opens like a black hole, bending the page around it. We take it apart with three demos rebuilt from scratch. Wed, 30 Sep 2026 18:00:00 GMT https://animorio.com/en/journal/ulvin-how-its-made/ https://animorio.com/en/journal/ulvin-how-its-made/ Ulvin Omarov’s portfolio, built in Framer: the page looks like the canvas of a design tool, with a ruler that follows the mouse, the name in a selection frame, colleagues’ cursors that step aside and project folders that pile up. We take it apart with three demos rebuilt from scratch. Wed, 30 Sep 2026 08:00:00 GMT https://animorio.com/en/journal/welcome-gustavo-how-its-made/ https://animorio.com/en/journal/welcome-gustavo-how-its-made/ The New York Philharmonic’s page for the arrival of Gustavo Dudamel: a yellow poster with the conductor coming out of a black frame, headings that open in two as you scroll, quote marks pushed away by a photo. We take it apart with three demos rebuilt from scratch. Tue, 29 Sep 2026 16:00:00 GMT https://animorio.com/en/journal/butter-how-its-made/ https://animorio.com/en/journal/butter-how-its-made/ The site of Butter, ToyFight’s video editor and an Awwwards Site of the Day: tiles that drop from a sentence into the timeline, a word that tries effects on, headings that light up like neon. We take it apart with three demos rebuilt from scratch. Mon, 28 Sep 2026 22:00:00 GMT https://animorio.com/en/journal/grande-charte-how-its-made/ https://animorio.com/en/journal/grande-charte-how-its-made/ The site of Grande Charte Digital, a Casablanca agency: glass calligraphy that melts as you scroll, pictures that swell under the pointer, a loader that says hello in nine languages. We take it apart with three demos rebuilt from scratch. Mon, 28 Sep 2026 21:00:00 GMT https://animorio.com/en/journal/unbelievably-crap-how-its-made/ https://animorio.com/en/journal/unbelievably-crap-how-its-made/ Liubomyr Ulytskyi’s portfolio: a field of characters the pointer tears away, a gallery of photos hanging on a 3D knot, a button that refuses twice. We take it apart with three demos rebuilt from scratch. Mon, 28 Sep 2026 18:00:00 GMT https://animorio.com/en/journal/a24-how-its-made/ https://animorio.com/en/journal/a24-how-its-made/ Ravi Klaassens’s concept that reimagines A24’s films as a row of 3D discs: a drum loader, discs with the poster printed on the front and an iridescent back, a sheet that melts over the film still. We take it apart with three demos rebuilt from scratch. Mon, 28 Sep 2026 16:00:00 GMT https://animorio.com/en/journal/vibe-how-its-made/ https://animorio.com/en/journal/vibe-how-its-made/ The demo shop of a canned probiotic cocktail, designed by Joel Gobin Studio: a scribble that erases the cover, a can spinning between two huge words, buttons with a ticker inside. We take it apart with three demos rebuilt from scratch. Mon, 28 Sep 2026 14:00:00 GMT https://animorio.com/en/journal/dkton-how-its-made/ https://animorio.com/en/journal/dkton-how-its-made/ The portfolio of Dominik Kostolnik, who does sound for film, designed by Studio Barry: a headline that lights up as if under a torch, services set like mixer faders, a footer you pluck like a harp. We take it apart with three demos rebuilt from scratch. Mon, 28 Sep 2026 12:00:00 GMT https://animorio.com/en/journal/grids03-how-its-made/ https://animorio.com/en/journal/grids03-how-its-made/ The site of the third season of Obys’s course on grids: the word GRIDS made of rectangles, bending under a lens, photos that turn into squared paper, columns that assemble as you scroll. We take it apart with three demos rebuilt from scratch. Mon, 28 Sep 2026 10:00:00 GMT https://animorio.com/en/journal/marimba-how-its-made/ https://animorio.com/en/journal/marimba-how-its-made/ The light of a window blind falls over Myranda Wicks’s portfolio, and at the bottom of the page evening comes. In between, three spheres swing until they close into a ring, and the headline opens to make room for two photos. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 23:55:00 GMT https://animorio.com/en/journal/champo-how-its-made/ https://animorio.com/en/journal/champo-how-its-made/ The Chāmpo shop sells Ayurvedic haircare and animates very little: buttons with an ink slab running through the text, three colour columns from which portraits emerge, coloured chapters that stay still while the page scrolls. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 23:45:00 GMT https://animorio.com/en/journal/point-of-view-how-its-made/ https://animorio.com/en/journal/point-of-view-how-its-made/ A longread on the history of glasses, from reading stones to sunglasses, where every animation speaks about sight: a lens that brings manuscripts into focus, a window that blinks, a footer where people put on their glasses as they cross a seam. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 23:30:00 GMT https://animorio.com/en/journal/pensatori-irrazionali-how-its-made/ https://animorio.com/en/journal/pensatori-irrazionali-how-its-made/ The Pensatori Irrazionali site alternates a black lab and a gallery of white plaster: a bas-relief that raking light wakes only where the pointer passes, a word that repeats itself in steps and loses its I, a menu of news that falls like paper. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 23:00:00 GMT https://animorio.com/en/journal/eddy-os-how-its-made/ https://animorio.com/en/journal/eddy-os-how-its-made/ Eddy Naboulet’s portfolio is an invented operating system seen through a cathode-ray tube: a portrait made of thousands of dashes in relief, a glass that flickers and switches off like an old TV, a dome of floppy disks. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 22:00:00 GMT https://animorio.com/en/journal/nothin-how-its-made/ https://animorio.com/en/journal/nothin-how-its-made/ The site of the Paris studio NOTHIN’, made by Thomas Carré and Pierre Patrault, has a black wordmark that wipes away like ink with a silver balloon version underneath, a monogram that opens like an accordion and a text that trembles and falls as you scroll. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 21:00:00 GMT https://animorio.com/en/journal/realevate-how-its-made/ https://animorio.com/en/journal/realevate-how-its-made/ The site of Realevate, an agency selling investment homes in Cyprus, Montenegro and Georgia, made by Or Halevi with the studio MAKETHECUT, does not scroll like other sites: the home shrinks into a card, each collection ends inside the next one and the photos climb diagonally. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 20:00:00 GMT https://animorio.com/en/journal/le-mans-classic-how-its-made/ https://animorio.com/en/journal/le-mans-classic-how-its-made/ Richard Mille’s microsite for Le Mans Classic 2025, made by the studio Magnetism, is a black and white photo story split into hours: a small window flipping through pictures, clocks counting the minutes, a strip moving sideways. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 18:00:00 GMT https://animorio.com/en/journal/art-tech-report-how-its-made/ https://animorio.com/en/journal/art-tech-report-how-its-made/ The digital-art collecting report designed by the studio MoreSleep is electric blue, made of thin-bordered cells that move with the mouse, titles that come into focus and charts that draw themselves as you scroll. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 12:00:00 GMT https://animorio.com/en/journal/lucsal-how-its-made/ https://animorio.com/en/journal/lucsal-how-its-made/ Luca Salvemini’s portfolio, a web developer from Brescia, is black, lime and pink and behaves like a cartoon: a star that explodes, letters that jump, eyes that follow you, tools that fall and can be thrown. We take it apart with three demos rebuilt from scratch. Sun, 27 Sep 2026 10:00:00 GMT https://animorio.com/en/journal/meer-mohsin-how-its-made/ https://animorio.com/en/journal/meer-mohsin-how-its-made/ Meer Mohsin’s portfolio, a front-end and 3D developer, is all red and black: a count in script, a veil that dissolves into a glow, a statue turning as you scroll, the work going by in a row. We take it apart with three demos rebuilt from scratch. Sat, 26 Sep 2026 14:30:00 GMT https://animorio.com/en/journal/bleibtgleich-how-its-made/ https://animorio.com/en/journal/bleibtgleich-how-its-made/ Maksym Bleibtgleich’s portfolio, a designer and developer from Kyiv, is white, black and almost only type. Yet every piece moves: the logo is born from a rectangle, lines come out of the ink, the work spins on a globe. We take it apart with three demos rebuilt from scratch. Sat, 26 Sep 2026 14:00:00 GMT https://animorio.com/en/journal/hayler-how-its-made/ https://animorio.com/en/journal/hayler-how-its-made/ Clapat’s template for creative studios opens the site, changes page and moves from light to dark with the same move: columns falling like a staircase. We take it apart effect by effect, with demos rebuilt from scratch. Sat, 26 Sep 2026 00:00:00 GMT