# pixelsign/html5-device-mockups

HTML5 mockups of popular devices, to showcase your portfolio and spice up your website.

Repository: https://github.com/pixelsign/html5-device-mockups
Canonical: https://ross.abutalabs.com/products/html5-device-mockups
Homepage: http://pixelsign.github.io/html5-device-mockups/
Language: CSS
License: MIT
License Family: permissive
Last push: 2023-12-06T22:44:26+00:00

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

## Adoption (not part of the score)
Stars 3687, forks 392 (observed 2026-08-28T04:08:14.666334+00:00)

## What it is
A CSS/HTML library providing 86 device mockup images (iPhones, iPads, MacBooks, Android devices, etc.) for embedding screenshots, videos, or apps inside realistic device frames. It maintains aspect ratios when scaled and supports multiple colors and orientations.

## Use cases
- showcase app screenshots inside phone frames on my website
- embed a YouTube video inside a laptop mockup
- display a portfolio of mobile app designs
- create a content rotator inside a device frame
- make my landing page look professional with device mockups
- embed a JavaScript app inside an iPad frame

## When to choose
- you want pure CSS/HTML device frames without JavaScript dependencies
- you need many device models, colors, and orientations
- you want to display screenshots, videos, or live apps inside device frames

## When to avoid
- you need photorealistic 3D renders or marketing-grade mockup images
- you need mockups of the latest device models
- you need a JavaScript mockup library with dynamic APIs

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, css-framework, templating
- domain: web-development, frontend, web-design
- platform: browser
- tags: device-mockups, css, html5, portfolio, screenshots, responsive-design, web-server, nodejs

## Member repositories
- pixelsign/html5-device-mockups (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:14.666334+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-29T18:31:09.640330+00:00, confidence not recorded.
  - readme: https://github.com/pixelsign/html5-device-mockups (fetched 2026-08-28T04:08:14.666334+00:00, sha c946cb3b56a4)
  - homepage: http://pixelsign.github.io/html5-device-mockups/ (fetched 2026-08-29T09:24:53.848841+00:00, sha d839dfe37c36)
- Data as of 2026-08-30T08:39:29.467469+00:00.