3D studies / Five working examplesHTML + CSS + JavaScript
Studio membership 001 / 005
Good things have depth
Swipefile design club↗
Use the controls to explore
01
Perspective card
Cards
A print-inspired card with independent layers that follow your pointer.
Use this component
Portfolio introductions, memberships, and featured work.
Original CSS 3D study. No packages or external assets. Download the HTML, open it in your browser, then adapt the markup, styles, and script to your site.
Form studies / 01Objects of quiet interestSwipefile studio Design edition
Form studies / 01Objects of quiet interestSwipefile studio Design edition
Made to be seen from every side
Made to be seen from every side
SF / 01
SF / 01
Use the controls to explore
02
Product turntable
Products
A six-sided product package you can turn through a complete rotation.
Use this component
Packaging concepts, product launches, and shop highlights.
Original CSS 3D study. No packages or external assets. Download the HTML, open it in your browser, then adapt the markup, styles, and script to your site.
An editorial collection arranged around a three-dimensional ring.
Use this component
Art direction, collections, and a small set of featured projects.
Original CSS 3D study. No packages or external assets. Download the HTML, open it in your browser, then adapt the markup, styles, and script to your site.
01 / ObserveLook closerStart with a reference worth keeping
02 / ExploreFind the formGive the idea a little room to move
03 / MakeMake it yoursBuild something with a point of view
Use the controls to explore
04
Folding panel
Panels
A hinged paper composition that opens to reveal its full structure.
Use this component
A three-part process, a product story, or a concise service overview.
Original CSS 3D study. No packages or external assets. Download the HTML, open it in your browser, then adapt the markup, styles, and script to your site.
Three spatial cards with a deliberate, click-through rhythm.
Use this component
Case studies, selected projects, and product feature sequences.
Original CSS 3D study. No packages or external assets. Download the HTML, open it in your browser, then adapt the markup, styles, and script to your site.