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
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- marvelapp/devices.css
marvelapp/devices.css
3,963عرض على GitHubdevices.css هي مكتبة من مكونات CSS النقية تُستخدم لعرض إطارات الأجهزة سريعة الاستجابة ونماذج الأجهزة. توفر مجموعة من الأنماط التي تنشئ تمثيلات مرئية للهواتف الذكية والأجهزة اللوحية وأجهزة الكمبيوتر المحمولة دون استخدام صور خارجية أو JavaScript. يُمكّن المشروع من محاكاة حدود الأجهزة والحواف من خلال نظام من الإطارات والنماذج القائمة على CSS. تسمح هذه المكونات بتصور التصميمات سريعة الاستجابة ومكونات واجهة المستخدم عبر أحجام شاشات ونماذج أجهزة مختلفة. تستخدم المكتبة خصائص 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عرض على GitHubThis 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
