@nevil5249/shadowcraft 1.0.1 → 1.0.3
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 +154 -0
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
# ShadowCraft
|
|
2
|
+
|
|
3
|
+
```{=html}
|
|
4
|
+
<p align="center">
|
|
5
|
+
```
|
|
6
|
+
`<strong>`{=html}Precision Volumetric Interface Shadows for Tailwind
|
|
7
|
+
CSS`</strong>`{=html}
|
|
8
|
+
```{=html}
|
|
9
|
+
</p>
|
|
10
|
+
```
|
|
11
|
+
```{=html}
|
|
12
|
+
<p align="center">
|
|
13
|
+
```
|
|
14
|
+
A professional-grade shadow system engineered for modern interface
|
|
15
|
+
architecture.
|
|
16
|
+
```{=html}
|
|
17
|
+
</p>
|
|
18
|
+
```
|
|
19
|
+
```{=html}
|
|
20
|
+
<p align="center">
|
|
21
|
+
```
|
|
22
|
+
`<a href="https://www.npmjs.com/package/@nevil5249/shadowcraft">`{=html}NPM`</a>`{=html}
|
|
23
|
+
•
|
|
24
|
+
`<a href="https://shadowcraft.nevilgadhia.in">`{=html}Website`</a>`{=html}
|
|
25
|
+
```{=html}
|
|
26
|
+
</p>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
------------------------------------------------------------------------
|
|
30
|
+
|
|
31
|
+
## Overview
|
|
32
|
+
|
|
33
|
+
ShadowCraft is a Tailwind CSS plugin that introduces a structured,
|
|
34
|
+
multi-layered shadow architecture designed to replicate realistic depth
|
|
35
|
+
and spatial hierarchy in modern UI systems.
|
|
36
|
+
|
|
37
|
+
Unlike traditional shadows, ShadowCraft applies volumetric layering
|
|
38
|
+
principles to achieve precise, high-fidelity visual depth.
|
|
39
|
+
|
|
40
|
+
It is built for developers and designers focused on professional
|
|
41
|
+
interface quality.
|
|
42
|
+
|
|
43
|
+
------------------------------------------------------------------------
|
|
44
|
+
|
|
45
|
+
## Website
|
|
46
|
+
|
|
47
|
+
https://shadowcraft.nevilgadhia.in
|
|
48
|
+
|
|
49
|
+
------------------------------------------------------------------------
|
|
50
|
+
|
|
51
|
+
## Installation
|
|
52
|
+
|
|
53
|
+
``` bash
|
|
54
|
+
npm install @nevil5249/shadowcraft
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
------------------------------------------------------------------------
|
|
58
|
+
|
|
59
|
+
## Integration
|
|
60
|
+
|
|
61
|
+
Add the plugin to your Tailwind configuration:
|
|
62
|
+
|
|
63
|
+
``` js
|
|
64
|
+
import shadowcraft from '@nevil5249/shadowcraft'
|
|
65
|
+
|
|
66
|
+
export default {
|
|
67
|
+
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
68
|
+
theme: {
|
|
69
|
+
extend: {},
|
|
70
|
+
},
|
|
71
|
+
plugins: [
|
|
72
|
+
shadowcraft
|
|
73
|
+
],
|
|
74
|
+
}
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
------------------------------------------------------------------------
|
|
78
|
+
|
|
79
|
+
## Example
|
|
80
|
+
|
|
81
|
+
``` html
|
|
82
|
+
<div class="sc-depth-3">
|
|
83
|
+
Professional depth with ShadowCraft
|
|
84
|
+
</div>
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
------------------------------------------------------------------------
|
|
88
|
+
|
|
89
|
+
## Core Features
|
|
90
|
+
|
|
91
|
+
• Multi‑layered volumetric shadows\
|
|
92
|
+
• Precision‑engineered depth hierarchy\
|
|
93
|
+
• Native Tailwind CSS integration\
|
|
94
|
+
• Optimized for performance\
|
|
95
|
+
• Production‑ready architecture
|
|
96
|
+
|
|
97
|
+
------------------------------------------------------------------------
|
|
98
|
+
|
|
99
|
+
## Design Philosophy
|
|
100
|
+
|
|
101
|
+
ShadowCraft is based on the principle that interface shadows should
|
|
102
|
+
reflect structural depth rather than simple visual decoration.
|
|
103
|
+
|
|
104
|
+
This results in:
|
|
105
|
+
|
|
106
|
+
• Improved visual realism\
|
|
107
|
+
• Clearer interface hierarchy\
|
|
108
|
+
• Professional design fidelity
|
|
109
|
+
|
|
110
|
+
------------------------------------------------------------------------
|
|
111
|
+
|
|
112
|
+
## Documentation
|
|
113
|
+
|
|
114
|
+
Full documentation:
|
|
115
|
+
|
|
116
|
+
https://shadowcraft.nevilgadhia.in
|
|
117
|
+
|
|
118
|
+
------------------------------------------------------------------------
|
|
119
|
+
|
|
120
|
+
## NPM Package
|
|
121
|
+
|
|
122
|
+
https://www.npmjs.com/package/@nevil5249/shadowcraft
|
|
123
|
+
|
|
124
|
+
------------------------------------------------------------------------
|
|
125
|
+
|
|
126
|
+
## Author
|
|
127
|
+
|
|
128
|
+
Nevil Gadhia
|
|
129
|
+
|
|
130
|
+
GitHub: https://github.com/nevil5249\
|
|
131
|
+
Website: https://shadowcraft.nevilgadhia.in
|
|
132
|
+
|
|
133
|
+
------------------------------------------------------------------------
|
|
134
|
+
|
|
135
|
+
## License
|
|
136
|
+
|
|
137
|
+
MIT License
|
|
138
|
+
|
|
139
|
+
------------------------------------------------------------------------
|
|
140
|
+
|
|
141
|
+
## Acknowledgment
|
|
142
|
+
|
|
143
|
+
ShadowCraft was created to push the boundaries of interface depth and
|
|
144
|
+
bring architectural precision into modern frontend development.
|
|
145
|
+
|
|
146
|
+
------------------------------------------------------------------------
|
|
147
|
+
|
|
148
|
+
```{=html}
|
|
149
|
+
<p align="center">
|
|
150
|
+
```
|
|
151
|
+
Built with precision by Nevil Gadhia
|
|
152
|
+
```{=html}
|
|
153
|
+
</p>
|
|
154
|
+
```
|
package/package.json
CHANGED