Socket
Socket
Sign inDemoInstall

css-device-frames

Package Overview
Dependencies
0
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    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.


Version published
Weekly downloads
66
increased by450%
Maintainers
1
Install size
41.0 kB
Created
Weekly downloads
 

Changelog

Source

1.0.6

2024-02-06

  • Fix GitHub workflow badges

Readme

Source

css-device-frames

NPM GitHub Workflow Status (master) Codacy grade License: MIT jsDelivr Sponsor this project

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.

Examples

Screenshot of CSS device frames

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

Usage & Options

See the documentation site for details.

Sponsorship

A sponsorship is more than just a way to show appreciation for the open-source authors and projects we rely on; it can be the spark that ignites the next big idea, the inspiration to create something new, and the motivation to share so that others may benefit.

If you benefit from this project, please consider lending your support and encouraging future efforts by becoming a sponsor.

Thank you! 🙏🏻

Contact & Support

  • Follow 👨🏻‍💻 @jhildenbiddle on Twitter and GitHub for announcements
  • Create a 💬 GitHub issue for bug reports, feature requests, or questions
  • Add a ⭐️ star on GitHub and 🐦 tweet to promote the project
  • Become a 💖 sponsor to support the project and future efforts

License

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

Copyright (c) John Hildenbiddle (@jhildenbiddle)

Keywords

FAQs

Last updated on 07 Feb 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc