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.
CSS device frames
Detect device type and render your component according to it
Spinners for use in the terminal
Display resolution-dependent images using the image-set() function in CSS
Frames plugin for Expressive Code. Wraps code blocks in a styled editor or terminal frame with support for titles, multiple tabs and more.
Parser for the content attribute of the meta viewport
Log by overwriting the previous output in the terminal. Useful for rendering progress bars, animations, etc.
A Jimp-compatible library for working with GIFs
The easiest way to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo, AppleTV, etc), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).
The speed of a single-page web application without having to write any JavaScript
<img src="https://react-virtualized-auto-sizer.vercel.app/og.png" alt="react-virtualized-auto-sizer logo" width="400" height="210" />
Mockup frames emulating phones, tablets, and laptops.
Essential initialization for every JavaScript process
TypeScript definitions for css-mediaquery
API for combining call site modifiers
The package of IBM’s typeface, IBM Plex
The package of IBM’s typeface, IBM Plex Sans
The package of IBM’s typeface, IBM Plex Serif
The package of IBM’s typeface, IBM Plex Sans Devanagari
The package of IBM’s typeface, IBM Plex Mono
Generic extension manager for WebSocket connections
The package of IBM’s typeface, IBM Plex Sans Hebrew
Extract callsite objects from Error objects