3 Repos
Awesome GitHub RepositoriesDevice Mockup Frames
Shows an image inside a styled device frame to present screenshots of a laptop or phone.
Distinct from Device Status Displays: No candidate covers displaying images inside styled device frames; closest candidates focus on device status displays or VR frameworks.
Explore 3 awesome GitHub repositories matching user interface & experience · Device Mockup Frames. Refine with filters or upvote what's useful.
Awesome Device Mockup Frames GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- jlantunez/webslides
jlantunez/webslides
6,316Auf GitHub ansehenWebSlides is an open-source tool for creating HTML presentations, landing pages, and longform articles directly in the browser. It provides a full-screen slide deck system where each section element becomes an individual slide with horizontal and vertical navigation, keyboard shortcuts, touch gestures, and remote presenter support. The project distinguishes itself by offering over 40 pre-built slide components such as covers, cards, quotes, and flexible block grids that can be assembled without writing custom layout code. It includes built-in support for embedding rich media like background i
Shows images inside styled device frames to present screenshots of laptops or phones.
JavaScript - marvelapp/devices.css
marvelapp/devices.css
3,963Auf GitHub ansehendevices.css ist eine Bibliothek reiner CSS-Komponenten, die zum Rendern responsiver Geräte-Frames und Hardware-Mockups verwendet wird. Sie bietet eine Sammlung von Styles, die visuelle Darstellungen von Smartphones, Tablets und Laptops ohne die Verwendung externer Bilder oder JavaScript erstellen. Das Projekt ermöglicht die Simulation von Hardware-Rändern und -Blenden durch ein System aus CSS-basierten Frames und Mockups. Diese Komponenten ermöglichen die Visualisierung responsiver Designs und UI-Komponenten über verschiedene Bildschirmgrößen und Gerätemodelle hinweg. Die Bibliothek nutzt CSS-Custom-Properties für das Theming von Farben und Abmessungen und verwendet relative Einheiten und Pseudo-Elemente, um Hardware-Details wie Kameralinsen und Lautsprechergitter zu rendern. Diese Styles unterstützen verschiedene Hardware-Ausrichtungen und Modellwechsel über CSS-Klassen.
Creates visual representations of smartphones, tablets, and laptops using customizable CSS frames.
CSS - pixelsign/html5-device-mockups
pixelsign/html5-device-mockups
3,694Auf GitHub ansehenThis 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
Displays digital content inside responsive hardware frames to showcase how applications appear on physical devices.
CSS
