1 dépôt
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 1 awesome GitHub repository matching user interface & experience · CSS Hardware Frames. Refine with filters or upvote what's useful.
Awesome CSS Hardware Frames GitHub Repositories
Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
- marvelapp/devices.css
marvelapp/devices.css
3,963Voir sur GitHubdevices.css est une bibliothèque de composants CSS purs utilisés pour rendre des cadres d'appareils réactifs et des maquettes matérielles. Elle fournit une collection de styles qui créent des représentations visuelles de smartphones, tablettes et ordinateurs portables sans utiliser d'images externes ou de JavaScript. Le projet permet la simulation de bordures et de cadres matériels via un système de cadres et de maquettes basés sur CSS. Ces composants permettent la visualisation de designs réactifs et de composants UI à travers différentes tailles d'écran et modèles d'appareils. La bibliothèque utilise des propriétés personnalisées CSS pour le théming des couleurs et des dimensions, employant des unités relatives et des pseudo-éléments pour rendre les détails matériels tels que les objectifs de caméra et les grilles de haut-parleurs. Ces styles supportent différentes orientations matérielles et le changement de modèle via des classes CSS.
Implements realistic hardware borders and bezels using standard CSS declarations to wrap web content.
CSS
