softui-css 1.0.1 → 1.0.5

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 (6) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +92 -90
  3. package/dist/softui.css +7819 -7794
  4. package/dist/softui.js +2878 -2878
  5. package/dist/softui.min.css +1 -1
  6. package/package.json +40 -43
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2026 Siddharth Bhansali
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Siddharth Bhansali
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,90 +1,92 @@
1
- # SoftUI
2
-
3
- A neumorphic CSS component library with soft shadows, muted palettes, and tactile depth. No dependencies. Dark mode included.
4
-
5
- ## Install
6
-
7
- ```bash
8
- npm install softui-css
9
- # or
10
- yarn add softui-css
11
- # or
12
- pnpm add softui-css
13
- # or
14
- bun add softui-css
15
- ```
16
-
17
- ### CDN
18
-
19
- ```html
20
- <link rel="stylesheet" href="https://unpkg.com/softui-css/dist/softui.min.css">
21
- <script src="https://unpkg.com/softui-css/dist/softui.min.js"></script>
22
- ```
23
-
24
- ### Manual
25
-
26
- Download `softui.min.css` and `softui.min.js` from the `dist/` folder and include them in your HTML:
27
-
28
- ```html
29
- <link rel="stylesheet" href="softui.min.css">
30
- <script src="softui.min.js"></script>
31
- ```
32
-
33
- ## Quick Start
34
-
35
- ```html
36
- <button class="sui-btn sui-btn-primary">Click me</button>
37
-
38
- <div class="sui-card sui-raised" style="padding: 24px;">
39
- <h3>Hello SoftUI</h3>
40
- <p>A neumorphic card with a soft raised shadow.</p>
41
- </div>
42
- ```
43
-
44
- ## Dark Mode
45
-
46
- Add `data-theme="dark"` to the `<html>` element. All components adapt automatically.
47
-
48
- ```html
49
- <html data-theme="dark">
50
- ```
51
-
52
- ## Components
53
-
54
- **Layout** — Container, Grid (12-col responsive), Flex utilities
55
-
56
- **Forms** — Input, Select, Textarea, Toggle, Checkbox, Radio, Slider, Input OTP, Combobox
57
-
58
- **Data Display** — Table, Data Table (sort/filter/paginate), Card, Badge, Avatar, Kbd, Chart, Stat
59
-
60
- **Feedback** — Alert, Toast, Progress, Skeleton, Spinner
61
-
62
- **Navigation** — Navbar, Tabs, Breadcrumb, Pagination, Stepper, Menubar
63
-
64
- **Overlay** — Modal, Sheet/Drawer, Dropdown, Popover, Hover Card, Tooltip, Context Menu, Command Palette
65
-
66
- **Interactive** — Accordion, Collapsible, Carousel, Toggle Group, Calendar, Drag & Drop
67
-
68
- **Content** — Chip, Divider, Scroll Area, Resizable, Button Group
69
-
70
- **Utilities** — Shadows, Border Radius, Spacing, Text/Colors, Aspect Ratio, Typography
71
-
72
- ## CSS Custom Properties
73
-
74
- SoftUI is built on CSS variables. Override them to customize:
75
-
76
- ```css
77
- :root {
78
- --sui-primary: #7C5CFC;
79
- --sui-radius: 12px;
80
- --sui-shadow-raised: 6px 6px 12px rgba(0,0,0,0.15), -6px -6px 12px rgba(255,255,255,0.05);
81
- }
82
- ```
83
-
84
- ## Browser Support
85
-
86
- All modern browsers (Chrome, Firefox, Safari, Edge). No IE support.
87
-
88
- ## License
89
-
90
- MIT
1
+ # SoftUI
2
+
3
+ A neumorphic CSS component library with soft shadows, muted palettes, and tactile depth. No dependencies. Dark mode included.
4
+
5
+ **[Documentation](https://softui-css.netlify.app)** | **[Live Demo](https://softui-demo.netlify.app)**
6
+
7
+ ## Install
8
+
9
+ ```bash
10
+ npm install softui-css
11
+ # or
12
+ yarn add softui-css
13
+ # or
14
+ pnpm add softui-css
15
+ # or
16
+ bun add softui-css
17
+ ```
18
+
19
+ ### CDN
20
+
21
+ ```html
22
+ <link rel="stylesheet" href="https://unpkg.com/softui-css/dist/softui.min.css">
23
+ <script src="https://unpkg.com/softui-css/dist/softui.min.js"></script>
24
+ ```
25
+
26
+ ### Manual
27
+
28
+ Download `softui.min.css` and `softui.min.js` from the `dist/` folder and include them in your HTML:
29
+
30
+ ```html
31
+ <link rel="stylesheet" href="softui.min.css">
32
+ <script src="softui.min.js"></script>
33
+ ```
34
+
35
+ ## Quick Start
36
+
37
+ ```html
38
+ <button class="sui-btn sui-btn-primary">Click me</button>
39
+
40
+ <div class="sui-card sui-raised" style="padding: 24px;">
41
+ <h3>Hello SoftUI</h3>
42
+ <p>A neumorphic card with a soft raised shadow.</p>
43
+ </div>
44
+ ```
45
+
46
+ ## Dark Mode
47
+
48
+ Add `data-theme="dark"` to the `<html>` element. All components adapt automatically.
49
+
50
+ ```html
51
+ <html data-theme="dark">
52
+ ```
53
+
54
+ ## Components
55
+
56
+ **Layout** — Container, Grid (12-col responsive), Flex utilities
57
+
58
+ **Forms** — Input, Select, Textarea, Toggle, Checkbox, Radio, Slider, Input OTP, Combobox
59
+
60
+ **Data Display** — Table, Data Table (sort/filter/paginate), Card, Badge, Avatar, Kbd, Chart, Stat
61
+
62
+ **Feedback** — Alert, Toast, Progress, Skeleton, Spinner
63
+
64
+ **Navigation** — Navbar, Tabs, Breadcrumb, Pagination, Stepper, Menubar
65
+
66
+ **Overlay** — Modal, Sheet/Drawer, Dropdown, Popover, Hover Card, Tooltip, Context Menu, Command Palette
67
+
68
+ **Interactive** — Accordion, Collapsible, Carousel, Toggle Group, Calendar, Drag & Drop
69
+
70
+ **Content** — Chip, Divider, Scroll Area, Resizable, Button Group
71
+
72
+ **Utilities** — Shadows, Border Radius, Spacing, Text/Colors, Aspect Ratio, Typography
73
+
74
+ ## CSS Custom Properties
75
+
76
+ SoftUI is built on CSS variables. Override them to customize:
77
+
78
+ ```css
79
+ :root {
80
+ --sui-primary: #7C5CFC;
81
+ --sui-radius: 12px;
82
+ --sui-shadow-raised: 6px 6px 12px rgba(0,0,0,0.15), -6px -6px 12px rgba(255,255,255,0.05);
83
+ }
84
+ ```
85
+
86
+ ## Browser Support
87
+
88
+ All modern browsers (Chrome, Firefox, Safari, Edge). No IE support.
89
+
90
+ ## License
91
+
92
+ MIT