awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
pixelsign avatar

pixelsign/html5-device-mockups

0
View on GitHub↗
pixelsign.github.io/html5-device-mockups↗

Html5 Device Mockups

This project is an HTML5 device mockup library consisting of responsive hardware frames built with HTML and CSS. It provides stylized web elements that wrap digital content in realistic device borders to simulate how software appears on physical hardware.

The library utilizes CSS-based hardware simulation to recreate device chassis and screen bezels. It employs a responsive-scale component hierarchy and viewport-constrained content areas to ensure that digital previews fit correctly within device frames across different screen sizes.

The system manages visual presentation through CSS variable-driven theming for hardware colors and a layered composition model to place screen content behind device glass and bezels.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Device Mockup Frames - Displays digital content inside responsive hardware frames to showcase how applications appear on physical devices.
  • Hardware Shell Mockups - Ships web-based hardware shell mockups that adapt to different screen sizes for design presentations.
  • CSS Hardware Frames - Implements realistic device chassis and screen bezels using pure CSS styling.
  • Responsive Interface Scaling - Employs a nested layout structure that scales hardware mockups proportionally across different screen sizes.
  • Fixed Aspect Ratios - Utilizes fixed-aspect ratio containers to ensure digital previews fit correctly within device frames.
  • CSS Variable Theming - Provides a system for controlling device colors and accents using CSS variables for dynamic styling.
3,694 stars·398 forks·CSS·MIT·31 views

Star history

Star history chart for pixelsign/html5-device-mockupsStar history chart for pixelsign/html5-device-mockups

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does pixelsign/html5-device-mockups do?

This project is an HTML5 device mockup library consisting of responsive hardware frames built with HTML and CSS. It provides stylized web elements that wrap digital content in realistic device borders to simulate how software appears on physical hardware.

What are the main features of pixelsign/html5-device-mockups?

The main features of pixelsign/html5-device-mockups are: Device Mockup Frames, Hardware Shell Mockups, CSS Hardware Frames, Responsive Interface Scaling, Fixed Aspect Ratios, CSS Variable Theming.

Which projects share features with pixelsign/html5-device-mockups?

Projects with overlapping indexed features include: marvelapp/devices.css — devices.css is a library of pure CSS components used to render responsive device frames and hardware mockups. It… kepano/obsidian-minimal — This project is a minimalist visual theme and customizable CSS framework for Obsidian. It functions as a markdown… alibaba/chatui — ChatUI is a React conversational UI library and framework designed for building messaging interfaces. It provides a… franciscop/picnic — Picnic is a classless CSS framework and styling library that applies visual themes directly to native HTML elements.… zdhxiong/mdui — mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a… andybrewer/mvp — mvp is a classless CSS framework and minimalist library that applies default visual styles directly to standard HTML…

Projects sharing features with Html5 Device Mockups

These projects share indexed features with Html5 Device Mockups. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • marvelapp/devices.cssmarvelapp avatar

    marvelapp/devices.css

    3,963View on GitHub↗

    devices.css is a library of pure CSS components used to render responsive device frames and hardware mockups. It provides a collection of styles that create visual representations of smartphones, tablets, and laptops without the use of external images or JavaScript. The project enables the simulation of hardware borders and bezels through a system of CSS-based frames and mockups. These components allow for the visualization of responsive designs and UI components across various screen sizes and device models. The library utilizes CSS custom properties for theming colors and dimensions, emplo

    CSS
    View on GitHub↗3,963
  • kepano/obsidian-minimalkepano avatar

    kepano/obsidian-minimal

    5,489View on GitHub↗

    This project is a minimalist visual theme and customizable CSS framework for Obsidian. It functions as a markdown layout engine and an adaptive user interface designed to remove interface clutter and create a distraction-free writing environment. The theme distinguishes itself through layout transformations that convert standard markdown tables and lists into card-based grids and visual galleries. It provides a system for transforming structured data into scannable visual representations and organizes consecutive images into column-based grids. The framework covers comprehensive interface ae

    CSSdark-modedark-themelight-theme
    View on GitHub↗5,489
  • alibaba/chatuialibaba avatar

    alibaba/ChatUI

    4,463View on GitHub↗

    ChatUI is a React conversational UI library and framework designed for building messaging interfaces. It provides a set of components for creating conversation flows, including message bubbles, input areas, and structured message hierarchies. The library distinguishes itself through specialized AI agent interface features, such as the visualization of an agent's reasoning process and simulated typing animations that render text character-by-character. It also includes a system of pre-designed conversational card templates for rendering banners, selection lists, and questionnaires within a cha

    TypeScript
    View on GitHub↗4,463
  • franciscop/picnicfranciscop avatar

    franciscop/picnic

    3,886View on GitHub↗

    Picnic is a classless CSS framework and styling library that applies visual themes directly to native HTML elements. It functions as a CSS-only UI library, providing a responsive layout system and a design system that creates consistent interfaces without the need for custom utility classes. The project distinguishes itself by implementing JavaScript-free interactivity. It uses CSS selectors and pseudo-classes to manage state and visibility for interactive components such as modals, tabs, and tooltips, removing the requirement for external scripts to handle basic UI logic. The framework incl

    CSS
    View on GitHub↗3,886
Compare all 30 related projects→