# picturepan2/devices.css

Devices.css - Modern devices crafted in pure CSS

Repository: https://github.com/picturepan2/devices.css
Canonical: https://ross.abutalabs.com/products/picturepan2-devicescss
Homepage: https://devicescss.xyz
Language: SCSS
License: MIT
License Family: permissive
Last push: 2023-12-29T00:00:19+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": 3276, "days_push": 979, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2422, forks 248 (observed 2026-08-28T04:06:50.632103+00:00)

## What it is
A pure CSS library that renders realistic device mockups (iPhones, MacBooks, iPads, Apple Watches, and more) using only CSS and HTML markup. Screenshots or videos can be placed inside the device frames for use in landing pages and showcase sites.

## Use cases
- display app screenshots inside realistic device frames
- build a landing page with device mockups
- create a screenshot showcase page in pure CSS
- mock up an iPhone or MacBook frame without images
- embed a video inside a CSS device frame

## When to choose
- you need lightweight, image-free device mockups for a website
- you want customizable SCSS device frames with real aspect ratios
- you're building a product landing or screenshot showcase page

## When to avoid
- you need 3D or animated device renders
- you require devices not in the library's list
- you need responsive or landscape device frames (not yet supported)

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, ui-components
- domain: web-development, frontend, web-design
- platform: browser
- tags: pure-css, scss, device-mockups, screenshot-showcase, landing-page, web-server, nodejs

## Member repositories
- picturepan2/devices.css (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:50.632103+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-30T02:33:01.923175+00:00, confidence not recorded.
  - readme: https://github.com/picturepan2/devices.css (fetched 2026-08-28T04:06:50.632103+00:00, sha c3f4078d390f)
  - homepage: https://devicescss.xyz (fetched 2026-08-29T10:13:13.525929+00:00, sha be347d95c0ee)
- Data as of 2026-08-30T08:39:29.467469+00:00.