Device Detection Demo

Demonstration of device detection capabilities and responsive behavior.

Current Device Info

Mobile (≤375px): -

Mobile 2x (≤480px): -

Mobile 3x (≤600px): -

Tablet (≤768px): -

Tablet 2x (≤992px): -

Tablet 3x (≤1024px): -

Desktop (≥1200px): -

Desktop 2x (≥1440px): -

Reduced Motion: -

WebGL Support: -

Responsive Examples

Mobile Only Content

This appears only on mobile devices (≤600px)

Tablet Only Content

This appears only on tablets (601px-1024px)

Desktop Only Content

This appears only on desktop (>1024px)

Reduced Motion

Special content for users who prefer reduced motion

Why Nanostores?

✅ Lightweight

Only 334 bytes (minified + gzipped)

✅ Framework Agnostic

Works with React, Vue, Svelte, and vanilla JS

✅ Simple API

Get state with .get(), subscribe with .subscribe()

✅ TypeScript Ready

Full TypeScript support out of the box

✅ Reactive

Automatic updates when breakpoints change

✅ SSR Safe

Works perfectly with Astro's SSR

Your Cart