ember-local-storage

Persist Ember.js UI state in localStorage with reactive decorators.

Updated Mar 24, 2026

Search Tags:#frontend #localstorage #reactivity #decorator #ui-state #ember

Ready to run

npx skills add https://github.com/trusted-american/marketplace --skill ember-local-storage

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ember-local-storage
Source: https://github.com/trusted-american/marketplace/tree/main/plugins/a3-plugin/skills/ember-local-storage
Command: npx skills add https://github.com/trusted-american/marketplace --skill ember-local-storage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Persist UI state locally across page reloads by storing values in localStorage, enabling a seamless user experience without server round-trips.

Core Features & Use Cases

Reactive localStorage-backed properties via the @localStorage decorator that automatically persist changes.
JSON-serializes values to support booleans, numbers, strings, arrays, and objects for durable client-side preferences.
Use cases include persisting theme preference, sidebar state, and user UI toggles across sessions in Ember apps.

Quick Start

Add the @localStorage decorator to a component property to persist its value in localStorage and automatically reflect changes.

Frequently Asked Questions about ember-local-storage

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I persist UI state in Ember across page reloads?▼

To persist UI state in Ember across page reloads, use the @localStorage decorator to automatically save component property values to localStorage and reflect changes reactively via Glimmer tracking.

What data types can I store in localStorage using an Ember decorator?▼

You can store booleans, numbers, strings, arrays, and objects in localStorage using an Ember decorator, because values are JSON-serialized to support durable client-side preferences across sessions.

Do I need ember-local-storage-decorator to manage reactive UI preferences?▼

Yes, you need the ember-local-storage-decorator package to enable reactive localStorage-backed properties in Ember.js applications, which integrates with Glimmer tracking for automatic UI state updates.

How does Glimmer tracking work with localStorage in Ember apps?▼

Glimmer tracking works with localStorage in Ember apps by automatically detecting changes to decorator-backed properties and updating the UI, ensuring reactive state management without manual synchronization.

What is the best way to persist sidebar state and theme preference in Ember?▼

The best way to persist sidebar state and theme preference in Ember is applying the @localStorage decorator to component properties, enabling seamless client-side persistence across sessions without server round-trips.