# desandro/3dtransforms

:package: Introduction to CSS 3D transforms

Repository: https://github.com/desandro/3dtransforms
Canonical: https://ross.abutalabs.com/products/3dtransforms
Homepage: https://3dtransforms.desandro.com/
Language: CSS
License Family: other
Last push: 2020-03-30T15:26:48+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 5754, "days_push": 2347, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1013, forks 157 (observed 2026-08-28T04:03:13.764793+00:00)

## What it is
A tutorial website and example collection introducing CSS 3D transforms, built with Jekyll and written by David DeSandro. It explains how to use 3D transforms for interface effects like flip transitions and carousels, with MIT-licensed example code.

## Use cases
- learn css 3d transforms
- build a 3d flip card transition in css
- create a 3d carousel with css
- understand perspective and rotate3d in css
- find css 3d transform examples
- add depth to web ui with css transforms

## When to choose
- you want a clear conceptual introduction to CSS 3D transforms
- you need practical examples of 3D interface transitions like flips and carousels
- you prefer CSS-only 3D effects over WebGL or Three.js for simple UI enhancements

## When to avoid
- you need a production animation library with an API rather than a tutorial
- you need explorable 3D environments or game-like 3D rendering (use WebGL/Three.js)
- you need up-to-date documentation or active support - the project was last released in 2020

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: animation, ui-components, css-framework
- domain: web-development, frontend, web-design, tutorials
- platform: browser
- tags: css-3d-transforms, tutorial, jekyll, css, web-animation, educational, web-server

## Member repositories
- desandro/3dtransforms (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:13.764793+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:11:38.867438+00:00, confidence not recorded.
  - readme: https://github.com/desandro/3dtransforms (fetched 2026-08-28T04:03:13.764793+00:00, sha 7454aa3ed860)
  - homepage: https://3dtransforms.desandro.com/ (fetched 2026-08-29T13:11:00.944886+00:00, sha c2385ebdd32b)
- Data as of 2026-08-30T08:39:29.467469+00:00.