Back to library
Preview of unocss-preset-safe-area
GitHub

Mobile & Cross-platform UI · Mobile web

unocss-preset-safe-area

UnoCSS preset providing safe-area inset utilities for mobile web and PWA layouts.

Why it’s a gem

Same safe-area fix for the UnoCSS crowd, which usually gets ignored

Visit github.com
Author
YeungKC
Type
GitHub repository
License
MIT
Added
Aug 17, 2026
Domain
github.com
unocsssafe-areapwamobile-web

More from Mobile web

Preview of GlassKit

GlassKit

CSS component library of 24 glassmorphism components styled after iOS surfaces, usable without any JavaScript framework.

UnknownMIT
Preview of dimmmensions

dimmmensions

Dataset of screen, safe-area and layout dimensions for every iOS and iPadOS device.

UnknownMIT
Preview of react-bottom-fixed

react-bottom-fixed

React component keeping bottom-fixed elements visible and correctly positioned on iOS Safari.

UnknownMIT
Preview of react-spring-bottom-sheet

react-spring-bottom-sheet

Accessible spring-physics bottom sheet for React web with focus trapping and snap points.

UnknownMIT
Preview of tailwindcss-safe-area

tailwindcss-safe-area

Tailwind CSS plugin adding utilities for iOS safe-area insets on padding, margin and height.

UnknownMIT
Preview of react-modal-sheet

react-modal-sheet

Flexible iOS-style bottom sheet for React on the web, built with Motion and accessibility handling.

UnknownMIT