2 个仓库
Awesome GitHub RepositoriesCSS Hardware Frames
Simulating hardware bezels and borders using pure CSS styling.
Distinct from CSS-Based: None of the candidates describe using CSS to draw physical hardware borders around content.
Explore 2 awesome GitHub repositories matching user interface & experience · CSS Hardware Frames. Refine with filters or upvote what's useful.
Awesome CSS Hardware Frames GitHub Repositories
用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
- marvelapp/devices.css
marvelapp/devices.css
3,963在 GitHub 上查看devices.css 是一个纯 CSS 组件库，用于渲染响应式设备框架和硬件模型。它提供了一系列样式，无需使用外部图像或 JavaScript 即可创建智能手机、平板电脑和笔记本电脑的视觉表示。 该项目通过基于 CSS 的框架和模型系统实现硬件边框和边框的模拟。这些组件允许在各种屏幕尺寸和设备型号上可视化响应式设计和 UI 组件。 该库利用 CSS 自定义属性进行颜色和尺寸的主题化，使用相对单位和伪元素来渲染相机镜头和扬声器格栅等硬件细节。这些样式支持通过 CSS 类进行不同的硬件方向和型号切换。
Implements realistic hardware borders and bezels using standard CSS declarations to wrap web content.
CSS - pixelsign/html5-device-mockups
pixelsign/html5-device-mockups
3,694在 GitHub 上查看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 variabl
Implements realistic device chassis and screen bezels using pure CSS styling.
CSS
