Ross ROSS = Recommend OSS · open-source software intelligence for agents

picturepan2/devices.css

Devices.css - Modern devices crafted in pure CSS observed · 2026-08-28

github.com/picturepan2/devices.css · homepage · SCSS · MIT (permissive) observed · 2026-08-28

Health v2 · maintenance only

32/100

  • Activity 0
  • Release rhythm 35
  • Longevity 100

Flags: no_releases

How is this computed?

round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.

  • gap_med: n/a
  • age_days: 3276
  • days_rel: n/a
  • days_push: 979
  • n_releases_24m: 0

Full methodology

Adoption not part of the score

2422 stars · 248 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

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

library · maturity maintenance

css-framework ui-components web-development frontend web-design browser pure-css scss device-mockups screenshot-showcase landing-page web-server nodejs

2 sources

Member repositories

RepositoryRoleHealth v2
picturepan2/devices.cssmain32

For agents

markdown · JSON · MCP: product_card(name="picturepan2/devices.css")

Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem