Life & fun · November 23, 2015
Recreating the “This Also” Loader in SVG
A few days ago I came across this creative studio called This Also . They just launched a new site. It not only showcases some of their…
Recreating the “This Also” Loader in SVG launched on November 23, 2015 with 13 votes, #1,979 of 4,110 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 10 years on.
In plain words
A tutorial demonstrating how to recreate a loading animation inspired by the creative studio This Also. The guide walks through building a wave-based loader using SVG and CSS animations instead of the original sprite-based approach. It covers drawing paths with SVG elements and implementing smooth animations. Designed for web designers and developers interested in creating custom animated loaders and understanding SVG animation techniques.
written from the facts on this page · September 2026
From the sources
A few days ago I came across this creative studio called This Also . They just launched a new site. It not only showcases some of their amazing work but, also has this fun little loading animation. I absolutely love this! First thing I did was right click & inspect element and was expecting to find an SVG with SMIL animation baked in. To my surprise it turned out to be a sprite based animation with 24 frames. So, let’s recreate this with only SVG. Step one was obvious… draw the wave using the SVG <path> element. In Sketch/Illustrator you would create something like this using the pen tool. It’s a Bézier curve with 2 points – each with a handle (control point). The wave is simply a…from varun.ca
Does a similar job
all alternatives →
I made a free animator. Think Adobe Illustrator but for animation2024 · trangram.com · ▲738See animations created by me using Trangram: https://www.trangram.com/showcase I started working on Trangram 7 years ago with a simple idea: a free browser-based vector editor that combines illustration and animation in one place. The goal is to make creating vector graphics and animations as simple as opening a browser. There's nothing to install, no account required, and projects are saved automatically in your browser, so nothing is uploaded to a server. I use Trangram every day for my own illustrations (and occasionally animations). One of the most rewarding parts of…
Royalty-Free SVG Illustrations and Animations2020 · pixeltrue.com · ▲224Get access to 2500+ High-quality and affordable illustrations and animations in over 50+ different styles. Great illustration pack designs, don't have to break the bank!
- AWAnimated Watch Illustrations with CSS3 and SVG2013 · wrist.im · ▲41
I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 2d ago · permit.petercai.com
- IV
Life & fun · 14d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 15d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 9d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 13d ago · carrierexplode.com
Life & fun · 23d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, November 2015
the whole month →
Life & fun · 2015 · dn.ht
- PA
Parinfer - simpler Lisp editing
Life & fun · 2015 · shaunlebron.github.io
f.lux for iOS▲596Auto adjust your iOS display based on the time of day
Dev tools · 2015 · justgetflux.com
