overlastic
Promise-based modal and dialog library with imperative and declarative modes for React, Vue, and Svelte.
- Supports three frameworks (React, Vue 3, Svelte) with framework-specific integration patterns and hooks like
useDisclosure - Offers both imperative control via constructors and deferred promises, and declarative usage directly in templates/JSX
- Includes provider pattern for context inheritance, custom component integration, and external lifecycle control
- Components automatically destroy after configured duration when promises resolve or reject
Based on Overlastic v0.8.7. A promise-based modal/dialog/popup library supporting React, Vue, and Svelte.
Core References
| Topic | Description | Reference |
|---|---|---|
| Constructor | Core method for creating overlay constructors | core-constructor |
| Deferred | Promise variation with external control methods | core-deferred |
| Global Functions | Utilities for mounting elements and name management | core-defines |
| useDisclosure | Hook for managing overlay lifecycle and state | core-disclosure |
Framework References
| Topic | Description | Reference |
|---|---|---|
| React Integration | Using Overlastic with React components | framework-react |
| Vue Integration | Using Overlastic with Vue 3 components | framework-vue |
| Svelte Integration | Using Overlastic with Svelte components | framework-svelte |
More from hairyf/skills
tailwindcss
Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems with theme variables.
1.7Khairy-utils
Comprehensive skills for working with @hairy/utils core utilities
891motion
Motion animation library for JavaScript, React and Vue. Use when creating animations, gestures, layout transitions, scroll-linked effects, or working with motion values and animation controls.
763next
Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.
714react-use
Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management
692valtio
Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.
636