react-loadly 2.3.0 → 2.3.2
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.
- package/README.md +9 -4
- package/package.json +70 -21
package/README.md
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
# ⚛️ React Loadly — React Loader, Spinner & Loading Indicator Components
|
|
1
|
+
# ⚛️ React Loadly — React Loader, Spinner & Loading Indicator Components Library
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
<p align="center">
|
|
4
|
+
<img src="./public/images/react-loadly-hero.png" alt="React Loadly - Modern React Loaders, Spinners, Skeleton Loaders, and Loading Indicators for React and Next.js" width="900" />
|
|
5
|
+
</p>
|
|
5
6
|
|
|
6
|
-
|
|
7
|
+
**React Loadly** is a modern, high-performance **React loader, spinner, and skeleton loader components library** with **30+ customizable loading animations**. Built with **TypeScript**, optimized for **Next.js and SSR**, and designed with **accessibility (ARIA)** and **developer experience** in mind.
|
|
8
|
+
|
|
9
|
+
Perfect for building **React applications, React dashboards, forms, and data-driven UIs** where you need smooth, customizable loading states and skeleton screens. Includes **AutoSkeletonLoader** for automatically generating skeleton loaders based on your component structure.
|
|
10
|
+
|
|
11
|
+
🔍 **Search-friendly features**: React loading spinner | React loader components | React skeleton loader | React loading indicator | Next.js loader | TypeScript loader | Accessible React loader | React loading animation
|
|
7
12
|
|
|
8
13
|
🏠 **Home Page**: [https://Mostafashadow1.github.io/react-loadly-showCases/](https://Mostafashadow1.github.io/react-loadly-showCases/)
|
|
9
14
|
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-loadly",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.2",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"description": "
|
|
5
|
+
"description": "⚛️ React Loadly - Modern React loader, spinner, and skeleton loader components. High-performance loading indicators for React apps with TypeScript support, Next.js compatibility, accessibility, and 30+ customizable animations. Perfect for dashboards, forms, and data UIs.",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
7
7
|
"module": "dist/index.esm.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -62,32 +62,81 @@
|
|
|
62
62
|
"keywords": [
|
|
63
63
|
"react-loadly",
|
|
64
64
|
"react",
|
|
65
|
-
"loaders",
|
|
65
|
+
"react loaders",
|
|
66
|
+
"react spinners",
|
|
67
|
+
"react skeleton",
|
|
68
|
+
"react skeleton loader",
|
|
69
|
+
"react-loadly",
|
|
70
|
+
"react loading indicator",
|
|
71
|
+
"react-loader",
|
|
72
|
+
"react-loaders",
|
|
73
|
+
"react-spinner",
|
|
74
|
+
"react-spinners",
|
|
75
|
+
"react-loading",
|
|
76
|
+
"react-loading-indicator",
|
|
77
|
+
"react-skeleton",
|
|
78
|
+
"react-skeleton-loader",
|
|
79
|
+
"react-loading-components",
|
|
80
|
+
"react-loading-animation",
|
|
81
|
+
"react-loader-components",
|
|
82
|
+
"react-spinner-components",
|
|
83
|
+
"react-ui",
|
|
84
|
+
"react-ui-components",
|
|
66
85
|
"loading",
|
|
86
|
+
"loader",
|
|
87
|
+
"loaders",
|
|
67
88
|
"spinner",
|
|
68
|
-
"
|
|
89
|
+
"spinners",
|
|
90
|
+
"loading-indicator",
|
|
91
|
+
"loading-indicators",
|
|
92
|
+
"skeleton",
|
|
93
|
+
"skeleton-loader",
|
|
94
|
+
"skeleton-loaders",
|
|
95
|
+
"loading-component",
|
|
96
|
+
"loading-components",
|
|
97
|
+
"loading-screen",
|
|
98
|
+
"loading-animation",
|
|
99
|
+
"loading-animations",
|
|
100
|
+
"progress-loader",
|
|
101
|
+
"progress-indicator",
|
|
69
102
|
"nextjs",
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"nextjs
|
|
73
|
-
"nextjs
|
|
74
|
-
"nextjs
|
|
75
|
-
"nextjs spinners",
|
|
76
|
-
"react loaders",
|
|
77
|
-
"react loader",
|
|
78
|
-
"react spinner",
|
|
79
|
-
"loading indicator",
|
|
80
|
-
"react loading component",
|
|
81
|
-
"spinner component",
|
|
82
|
-
"skeleton loader",
|
|
103
|
+
"next.js",
|
|
104
|
+
"nextjs-loader",
|
|
105
|
+
"nextjs-spinner",
|
|
106
|
+
"nextjs-skeleton",
|
|
107
|
+
"nextjs-loading",
|
|
83
108
|
"typescript",
|
|
84
|
-
"
|
|
85
|
-
"
|
|
109
|
+
"typescript-loader",
|
|
110
|
+
"typescript-components",
|
|
86
111
|
"frontend",
|
|
112
|
+
"ui",
|
|
113
|
+
"ui-components",
|
|
114
|
+
"ui-library",
|
|
115
|
+
"component-library",
|
|
116
|
+
"react-component-library",
|
|
117
|
+
"accessibility",
|
|
118
|
+
"aria",
|
|
119
|
+
"a11y",
|
|
120
|
+
"accessible-components",
|
|
121
|
+
"performance",
|
|
122
|
+
"high-performance",
|
|
123
|
+
"optimized",
|
|
124
|
+
"tree-shakable",
|
|
125
|
+
"ssr",
|
|
126
|
+
"server-side-rendering",
|
|
127
|
+
"ssr-compatible",
|
|
87
128
|
"animation",
|
|
88
|
-
"
|
|
129
|
+
"animations",
|
|
130
|
+
"css-animations",
|
|
131
|
+
"css-loaders",
|
|
132
|
+
"animated-loaders",
|
|
133
|
+
"modern-react",
|
|
134
|
+
"react-hooks",
|
|
135
|
+
"dashboard",
|
|
136
|
+
"form-loading",
|
|
137
|
+
"data-ui"
|
|
89
138
|
],
|
|
90
|
-
"author": "Mostafa Mohamed",
|
|
139
|
+
"author": "Mostafa Mohamed Abdalla (Shadow Coding)",
|
|
91
140
|
"license": "MIT",
|
|
92
141
|
"repository": {
|
|
93
142
|
"type": "git",
|