premium-react-loaders 4.1.0 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +21 -6
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Premium React Loaders
2
2
 
3
- A comprehensive collection of **58+ premium, production-ready loading components** for React applications. Built with TypeScript and custom CSS for maximum flexibility and zero configuration.
3
+ A comprehensive collection of **65+ premium, production-ready loading components** for React applications. Built with TypeScript and custom CSS for maximum flexibility and zero configuration.
4
4
 
5
5
  [![npm version](https://img.shields.io/npm/v/premium-react-loaders.svg)](https://www.npmjs.com/package/premium-react-loaders)
6
6
  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -11,12 +11,15 @@ A comprehensive collection of **58+ premium, production-ready loading components
11
11
 
12
12
  📚 **[Storybook Documentation](https://docs.premium-react-loaders.ishansasika.dev/)** - Detailed component documentation and examples
13
13
 
14
- See all 58+ components in action with interactive examples and customization options.
14
+ See all 65+ components in action with interactive examples and customization options.
15
15
 
16
16
  ## Features
17
17
 
18
- - **58+ Premium Components** across 19 categories (Skeleton, Spinner, Progress, Pulse, Overlay, Button, Status, Transition, Shimmer, Orbit, Bounce, Infinity, Text, 3D, Smart, Morph, Gradient, Particle, Accessibility)
18
+ - **65+ Premium Components** across 20 categories (Skeleton, Spinner, Progress, Pulse, Overlay, Button, Status, Transition, Shimmer, Orbit, Bounce, Infinity, Text, 3D, Smart, Morph, Gradient, Particle, Neon, Accessibility)
19
19
  - **6 Powerful Hooks** - useLoader, useEnhancedLoader, useLoadingOrchestrator, useLoadingAnalytics, useSmartLoader, useTheme ✨ *New in v3.1.0*
20
+ - **Neon Loaders** - Glowing neon-style pulse, spinner, and text for dark UIs ✨ *New in v4.1.0*
21
+ - **Extended Status Set** - WarningIndicator and InfoIndicator complete the status family ✨ *New in v4.1.0*
22
+ - **Particle Enhancements** - ParticleTrail and ParticleField ambient effects ✨ *New in v4.1.0*
20
23
  - **Morph Loaders** - Fluid organic blob, liquid fill, and wave circle animations ✨ *New in v4.0.0*
21
24
  - **Gradient Loaders** - Animated conic gradient spinners and flowing gradient bars ✨ *New in v4.0.0*
22
25
  - **Particle Loaders** - CSS particle burst and orbital animations ✨ *New in v4.0.0*
@@ -179,12 +182,14 @@ Specialized loaders for button loading states:
179
182
 
180
183
  - **ButtonSpinner** - Compact spinner optimized for buttons with multiple variants (circle, dots, bars) and positioning options
181
184
 
182
- ### Status Components (2 components) ✨ *New in v2.2.0*
185
+ ### Status Components (4 components) ✨ *New in v2.2.0 / Extended in v4.1.0*
183
186
 
184
- Animated indicators for success and error states:
187
+ Animated indicators for operation outcomes:
185
188
 
186
189
  - **SuccessCheckmark** - Animated checkmark with optional circle background
187
190
  - **ErrorIndicator** - Animated X mark with optional shake effect and circle background
191
+ - **WarningIndicator** - Animated warning triangle with `!` mark; optional `shake` effect ✨ *New in v4.1.0*
192
+ - **InfoIndicator** - Animated info badge with `i` mark; optional `pulse` glow ✨ *New in v4.1.0*
188
193
 
189
194
  ### Transition Components (1 component) ✨ *New in v2.3.0*
190
195
 
@@ -268,12 +273,22 @@ Visually striking spinners and progress indicators using animated CSS gradients:
268
273
  - **GradientRing** - Ring with a moving gradient that travels around its circumference
269
274
  - **GradientBar** - Horizontal progress bar with a flowing gradient shimmer animation
270
275
 
271
- ### Particle Components (2 components) ✨ *New in v4.0.0*
276
+ ### Particle Components (4 components) ✨ *New in v4.0.0 / Extended in v4.1.0*
272
277
 
273
278
  Particle-based loaders using CSS-positioned elements for dynamic visual effects:
274
279
 
275
280
  - **ParticleBurst** - Particles that periodically burst outward from a central point and fade as they travel
276
281
  - **ParticleOrbit** - Multiple particles floating in circular orbits around a central dot with staggered delays
282
+ - **ParticleTrail** - Particles trailing along a circular orbit with opacity and size fade; configurable `count` (3–10) ✨ *New in v4.1.0*
283
+ - **ParticleField** - Ambient field of floating, drifting particles rising through a bounded area; configurable `width`, `height`, `count` (5–30) ✨ *New in v4.1.0*
284
+
285
+ ### Neon Components (3 components) ✨ *New in v4.1.0*
286
+
287
+ Glowing neon-style loaders using CSS box-shadow and text-shadow for dark UIs and gaming themes:
288
+
289
+ - **NeonPulse** - Pulsing glowing ring with configurable `glowIntensity` (`low` / `medium` / `high`)
290
+ - **NeonSpinner** - Spinning arc with a neon glow trail; customizable `thickness` and `color`
291
+ - **NeonText** - Loading text label that pulses with a neon glow; configurable `text`, `color`, `fontSize`
277
292
 
278
293
  ## Hooks
279
294
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "premium-react-loaders",
3
- "version": "4.1.0",
3
+ "version": "4.1.1",
4
4
  "description": "Premium, production-ready loading components for React with TypeScript",
5
5
  "author": "Ishan Karunaratne",
6
6
  "license": "MIT",