css-device-frames

A collection of single-element, CSS-only application and device frames with support for multiple themes, customization via CSS custom properties, grid-based layouts, iframe elements, and scrolling content.

Usage no npm install needed!

<script type="module">
  import cssDeviceFrames from 'https://cdn.skypack.dev/css-device-frames';
</script>

README

css-device-frames

NPM GitHub Workflow Status (master) Codacy grade License: MIT jsDelivr Tweet

A collection of single-element, CSS-only application and device frames with support for multiple themes, customization via CSS custom properties, grid-based layouts, <iframe> elements, and scrolling content.

Features

  • Single-element application and device frames
  • Multiple themes and style options
  • Customization via CSS custom properties
  • Fluid and responsive frames
  • CSS grid support for frame content
  • Scrollable frame content
  • <iframe> support for external frame content

Browser Support

Chrome 71+
Edge 80+
Firefox 64+
Safari 12.1+
Not supported

Support

License

This project is licensed under the MIT License. See the LICENSE for details.

Copyright (c) John Hildenbiddle (@jhildenbiddle)