fh-matui 0.9__tar.gz → 0.9.1__tar.gz

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 (26) hide show
  1. fh_matui-0.9.1/PKG-INFO +184 -0
  2. fh_matui-0.9.1/README.md +150 -0
  3. fh_matui-0.9.1/fh_matui.egg-info/PKG-INFO +184 -0
  4. {fh_matui-0.9 → fh_matui-0.9.1}/settings.ini +1 -1
  5. fh_matui-0.9/PKG-INFO +0 -101
  6. fh_matui-0.9/README.md +0 -67
  7. fh_matui-0.9/fh_matui.egg-info/PKG-INFO +0 -101
  8. {fh_matui-0.9 → fh_matui-0.9.1}/LICENSE +0 -0
  9. {fh_matui-0.9 → fh_matui-0.9.1}/MANIFEST.in +0 -0
  10. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/__init__.py +0 -0
  11. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/_modidx.py +0 -0
  12. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/app_pages.py +0 -0
  13. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/components.py +0 -0
  14. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/core.py +0 -0
  15. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/datatable.py +0 -0
  16. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/foundations.py +0 -0
  17. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/web_pages.py +0 -0
  18. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui.egg-info/SOURCES.txt +0 -0
  19. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui.egg-info/dependency_links.txt +0 -0
  20. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui.egg-info/entry_points.txt +0 -0
  21. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui.egg-info/not-zip-safe +0 -0
  22. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui.egg-info/requires.txt +0 -0
  23. {fh_matui-0.9 → fh_matui-0.9.1}/fh_matui.egg-info/top_level.txt +0 -0
  24. {fh_matui-0.9 → fh_matui-0.9.1}/pyproject.toml +0 -0
  25. {fh_matui-0.9 → fh_matui-0.9.1}/setup.cfg +0 -0
  26. {fh_matui-0.9 → fh_matui-0.9.1}/setup.py +0 -0
fh_matui-0.9.1/PKG-INFO ADDED
@@ -0,0 +1,184 @@
1
+ Metadata-Version: 2.4
2
+ Name: fh-matui
3
+ Version: 0.9.1
4
+ Summary: material-ui for fasthtml
5
+ Home-page: https://github.com/abhisheksreesaila/fh-matui
6
+ Author: abhishek sreesaila
7
+ Author-email: abhishek.sreesaila@gmail.com
8
+ License: Apache Software License 2.0
9
+ Keywords: nbdev jupyter notebook python
10
+ Classifier: Development Status :: 4 - Beta
11
+ Classifier: Intended Audience :: Developers
12
+ Classifier: Natural Language :: English
13
+ Classifier: Programming Language :: Python :: 3.9
14
+ Classifier: Programming Language :: Python :: 3.10
15
+ Classifier: Programming Language :: Python :: 3.11
16
+ Classifier: Programming Language :: Python :: 3.12
17
+ Classifier: License :: OSI Approved :: Apache Software License
18
+ Requires-Python: >=3.9
19
+ Description-Content-Type: text/markdown
20
+ License-File: LICENSE
21
+ Provides-Extra: dev
22
+ Dynamic: author
23
+ Dynamic: author-email
24
+ Dynamic: classifier
25
+ Dynamic: description
26
+ Dynamic: description-content-type
27
+ Dynamic: home-page
28
+ Dynamic: keywords
29
+ Dynamic: license
30
+ Dynamic: license-file
31
+ Dynamic: provides-extra
32
+ Dynamic: requires-python
33
+ Dynamic: summary
34
+
35
+
36
+ ## What is fh-matui?
37
+
38
+ **fh-matui** is a Python library that brings Google's Material Design to [FastHTML](https://fastht.ml/) applications. It provides a comprehensive set of pre-built UI components that integrate seamlessly with FastHTML's hypermedia-driven architecture.
39
+
40
+ Built on top of [BeerCSS](https://www.beercss.com/) (a lightweight Material Design 3 CSS framework), fh-matui enables you to create modern, responsive web interfaces entirely in Python — no JavaScript required.
41
+
42
+ ## ✨ Key Features
43
+
44
+ | Feature | Description |
45
+ |---------|-------------|
46
+ | 🎨 **Material Design 3** | Modern, beautiful components following Google's latest design language |
47
+ | ⚡ **Zero JavaScript** | Build interactive UIs entirely in Python with FastHTML |
48
+ | 📱 **Responsive** | Mobile-first design with automatic breakpoint handling |
49
+ | 🌙 **Dark Mode** | Built-in light/dark theme support with 20+ color schemes |
50
+ | 🧩 **Composable** | Chainable styling APIs inspired by MonsterUI |
51
+ | 📊 **Data Tables** | Full-featured tables with pagination, search, sorting, and CRUD |
52
+ | 🔧 **nbdev-powered** | Literate programming with documentation built from notebooks |
53
+
54
+ ## 🏗️ Architecture
55
+
56
+ ```
57
+ ┌─────────────────────────────────────────────────────────────┐
58
+ │ fh-matui │
59
+ ├─────────────────────────────────────────────────────────────┤
60
+ │ Foundations │ Core styling utilities, helpers, enums │
61
+ │ Core │ Theme system, MatTheme color presets │
62
+ │ Components │ Buttons, Cards, Modals, Forms, Tables │
63
+ │ App Pages │ Full-page layouts, navigation patterns │
64
+ │ Data Tables │ DataTable, DataTableResource for CRUD │
65
+ │ Web Pages │ Landing pages, marketing components │
66
+ ├─────────────────────────────────────────────────────────────┤
67
+ │ BeerCSS │ Material Design 3 CSS framework │
68
+ │ FastHTML │ Python hypermedia web framework │
69
+ └─────────────────────────────────────────────────────────────┘
70
+ ```
71
+
72
+ ## 🎨 Available Themes
73
+
74
+ fh-matui includes 15+ pre-configured Material Design 3 color themes:
75
+
76
+ | Theme | Preview | Theme | Preview |
77
+ |-------|---------|-------|---------|
78
+ | `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
79
+ | `MatTheme.purple` | 🟣 | `MatTheme.deepPurple` | 💜 |
80
+ | `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
81
+ | `MatTheme.lightBlue` | 🩵 | `MatTheme.cyan` | 🌊 |
82
+ | `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
83
+ | `MatTheme.lightGreen` | 🍀 | `MatTheme.lime` | 💛 |
84
+ | `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
85
+ | `MatTheme.orange` | 🟠 | `MatTheme.deepOrange` | 🔶 |
86
+
87
+ **Usage:**
88
+ ```python
89
+ # Choose your theme
90
+ app, rt = fast_app(hdrs=[MatTheme.deepPurple.headers()])
91
+ ```
92
+
93
+ ## 🚀 Quick Start
94
+
95
+ Here's a minimal example to get you started:
96
+
97
+ ```python
98
+ from fasthtml.common import *
99
+ from fh_matui.core import MatTheme
100
+ from fh_matui.components import Button, Card, FormField
101
+
102
+ # Create a themed FastHTML app
103
+ app, rt = fast_app(hdrs=[MatTheme.indigo.headers()])
104
+
105
+ @rt('/')
106
+ def home():
107
+ return Div(
108
+ Card(
109
+ H3("Welcome to fh-matui!"),
110
+ P("Build beautiful Material Design apps with Python."),
111
+ FormField("email", label="Email", type="email"),
112
+ Button("Get Started", cls="primary"),
113
+ ),
114
+ cls="padding"
115
+ )
116
+
117
+ serve()
118
+ ```
119
+
120
+ ## 📦 Installation
121
+
122
+ ```bash
123
+ pip install fh-matui
124
+ ```
125
+
126
+ ### Dependencies
127
+
128
+ fh-matui automatically includes:
129
+ - **python-fasthtml** - The core FastHTML framework
130
+ - **BeerCSS** - Loaded via CDN for Material Design 3 styling
131
+
132
+ ### What This Code Does
133
+
134
+ 1. **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo color scheme
135
+ 2. **[`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card)** - Creates a Material Design card component with elevation
136
+ 3. **[`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield)** - Generates a styled input with floating label
137
+ 4. **`Button`** - Renders a Material Design button with ripple effects
138
+
139
+ ## 📚 Module Reference
140
+
141
+ | Module | Description | Key Components |
142
+ |--------|-------------|----------------|
143
+ | [Foundations](foundations.html) | Base utilities and helper functions | `BeerHeaders`, `display`, styling helpers |
144
+ | [Core](core.html) | Theme system and styling | `MatTheme`, color presets, theme configuration |
145
+ | [Components](components.html) | UI component library | `Button`, [`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card), [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal), [`Grid`](https://abhisheksreesaila.github.io/fh-matui/components.html#grid) |
146
+ | [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
147
+ | [Data Tables](05_table.html) | Data management components | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatable), [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatableresource), CRUD operations |
148
+ | [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
149
+
150
+ ## 🛠️ Development
151
+
152
+ ### Install in Development Mode
153
+
154
+ ```bash
155
+ # Clone the repository
156
+ git clone https://github.com/user/fh-matui.git
157
+ cd fh-matui
158
+
159
+ # Install in editable mode
160
+ pip install -e .
161
+
162
+ # Make changes under nbs/ directory, then compile
163
+ nbdev_prepare
164
+ ```
165
+
166
+ ## 🤝 Why fh-matui?
167
+
168
+ | Challenge | fh-matui Solution |
169
+ |-----------|-------------------|
170
+ | **CSS complexity** | Pre-built Material Design 3 components via BeerCSS |
171
+ | **JavaScript fatigue** | FastHTML handles interactivity declaratively |
172
+ | **Component consistency** | Unified API across all components |
173
+ | **Dark mode support** | Built-in with automatic system preference detection |
174
+ | **Responsive design** | Mobile-first grid system and responsive utilities |
175
+ | **Form handling** | [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormGrid`](https://abhisheksreesaila.github.io/fh-matui/components.html#formgrid), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal) for rapid form building |
176
+ | **Data management** | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatable) and [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatableresource) for CRUD operations |
177
+
178
+ ## 📄 License
179
+
180
+ This project is licensed under the Apache 2.0 License - see the [LICENSE](https://github.com/user/fh-matui/blob/main/LICENSE) file for details.
181
+
182
+ ---
183
+
184
+ **Built with ❤️ using FastHTML and nbdev**
fh_matui-0.9.1/README.md ADDED
@@ -0,0 +1,150 @@
1
+
2
+ ## What is fh-matui?
3
+
4
+ **fh-matui** is a Python library that brings Google's Material Design to [FastHTML](https://fastht.ml/) applications. It provides a comprehensive set of pre-built UI components that integrate seamlessly with FastHTML's hypermedia-driven architecture.
5
+
6
+ Built on top of [BeerCSS](https://www.beercss.com/) (a lightweight Material Design 3 CSS framework), fh-matui enables you to create modern, responsive web interfaces entirely in Python — no JavaScript required.
7
+
8
+ ## ✨ Key Features
9
+
10
+ | Feature | Description |
11
+ |---------|-------------|
12
+ | 🎨 **Material Design 3** | Modern, beautiful components following Google's latest design language |
13
+ | ⚡ **Zero JavaScript** | Build interactive UIs entirely in Python with FastHTML |
14
+ | 📱 **Responsive** | Mobile-first design with automatic breakpoint handling |
15
+ | 🌙 **Dark Mode** | Built-in light/dark theme support with 20+ color schemes |
16
+ | 🧩 **Composable** | Chainable styling APIs inspired by MonsterUI |
17
+ | 📊 **Data Tables** | Full-featured tables with pagination, search, sorting, and CRUD |
18
+ | 🔧 **nbdev-powered** | Literate programming with documentation built from notebooks |
19
+
20
+ ## 🏗️ Architecture
21
+
22
+ ```
23
+ ┌─────────────────────────────────────────────────────────────┐
24
+ │ fh-matui │
25
+ ├─────────────────────────────────────────────────────────────┤
26
+ │ Foundations │ Core styling utilities, helpers, enums │
27
+ │ Core │ Theme system, MatTheme color presets │
28
+ │ Components │ Buttons, Cards, Modals, Forms, Tables │
29
+ │ App Pages │ Full-page layouts, navigation patterns │
30
+ │ Data Tables │ DataTable, DataTableResource for CRUD │
31
+ │ Web Pages │ Landing pages, marketing components │
32
+ ├─────────────────────────────────────────────────────────────┤
33
+ │ BeerCSS │ Material Design 3 CSS framework │
34
+ │ FastHTML │ Python hypermedia web framework │
35
+ └─────────────────────────────────────────────────────────────┘
36
+ ```
37
+
38
+ ## 🎨 Available Themes
39
+
40
+ fh-matui includes 15+ pre-configured Material Design 3 color themes:
41
+
42
+ | Theme | Preview | Theme | Preview |
43
+ |-------|---------|-------|---------|
44
+ | `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
45
+ | `MatTheme.purple` | 🟣 | `MatTheme.deepPurple` | 💜 |
46
+ | `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
47
+ | `MatTheme.lightBlue` | 🩵 | `MatTheme.cyan` | 🌊 |
48
+ | `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
49
+ | `MatTheme.lightGreen` | 🍀 | `MatTheme.lime` | 💛 |
50
+ | `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
51
+ | `MatTheme.orange` | 🟠 | `MatTheme.deepOrange` | 🔶 |
52
+
53
+ **Usage:**
54
+ ```python
55
+ # Choose your theme
56
+ app, rt = fast_app(hdrs=[MatTheme.deepPurple.headers()])
57
+ ```
58
+
59
+ ## 🚀 Quick Start
60
+
61
+ Here's a minimal example to get you started:
62
+
63
+ ```python
64
+ from fasthtml.common import *
65
+ from fh_matui.core import MatTheme
66
+ from fh_matui.components import Button, Card, FormField
67
+
68
+ # Create a themed FastHTML app
69
+ app, rt = fast_app(hdrs=[MatTheme.indigo.headers()])
70
+
71
+ @rt('/')
72
+ def home():
73
+ return Div(
74
+ Card(
75
+ H3("Welcome to fh-matui!"),
76
+ P("Build beautiful Material Design apps with Python."),
77
+ FormField("email", label="Email", type="email"),
78
+ Button("Get Started", cls="primary"),
79
+ ),
80
+ cls="padding"
81
+ )
82
+
83
+ serve()
84
+ ```
85
+
86
+ ## 📦 Installation
87
+
88
+ ```bash
89
+ pip install fh-matui
90
+ ```
91
+
92
+ ### Dependencies
93
+
94
+ fh-matui automatically includes:
95
+ - **python-fasthtml** - The core FastHTML framework
96
+ - **BeerCSS** - Loaded via CDN for Material Design 3 styling
97
+
98
+ ### What This Code Does
99
+
100
+ 1. **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo color scheme
101
+ 2. **[`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card)** - Creates a Material Design card component with elevation
102
+ 3. **[`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield)** - Generates a styled input with floating label
103
+ 4. **`Button`** - Renders a Material Design button with ripple effects
104
+
105
+ ## 📚 Module Reference
106
+
107
+ | Module | Description | Key Components |
108
+ |--------|-------------|----------------|
109
+ | [Foundations](foundations.html) | Base utilities and helper functions | `BeerHeaders`, `display`, styling helpers |
110
+ | [Core](core.html) | Theme system and styling | `MatTheme`, color presets, theme configuration |
111
+ | [Components](components.html) | UI component library | `Button`, [`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card), [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal), [`Grid`](https://abhisheksreesaila.github.io/fh-matui/components.html#grid) |
112
+ | [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
113
+ | [Data Tables](05_table.html) | Data management components | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatable), [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatableresource), CRUD operations |
114
+ | [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
115
+
116
+ ## 🛠️ Development
117
+
118
+ ### Install in Development Mode
119
+
120
+ ```bash
121
+ # Clone the repository
122
+ git clone https://github.com/user/fh-matui.git
123
+ cd fh-matui
124
+
125
+ # Install in editable mode
126
+ pip install -e .
127
+
128
+ # Make changes under nbs/ directory, then compile
129
+ nbdev_prepare
130
+ ```
131
+
132
+ ## 🤝 Why fh-matui?
133
+
134
+ | Challenge | fh-matui Solution |
135
+ |-----------|-------------------|
136
+ | **CSS complexity** | Pre-built Material Design 3 components via BeerCSS |
137
+ | **JavaScript fatigue** | FastHTML handles interactivity declaratively |
138
+ | **Component consistency** | Unified API across all components |
139
+ | **Dark mode support** | Built-in with automatic system preference detection |
140
+ | **Responsive design** | Mobile-first grid system and responsive utilities |
141
+ | **Form handling** | [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormGrid`](https://abhisheksreesaila.github.io/fh-matui/components.html#formgrid), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal) for rapid form building |
142
+ | **Data management** | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatable) and [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatableresource) for CRUD operations |
143
+
144
+ ## 📄 License
145
+
146
+ This project is licensed under the Apache 2.0 License - see the [LICENSE](https://github.com/user/fh-matui/blob/main/LICENSE) file for details.
147
+
148
+ ---
149
+
150
+ **Built with ❤️ using FastHTML and nbdev**
fh_matui-0.9.1/fh_matui.egg-info/PKG-INFO ADDED
@@ -0,0 +1,184 @@
1
+ Metadata-Version: 2.4
2
+ Name: fh-matui
3
+ Version: 0.9.1
4
+ Summary: material-ui for fasthtml
5
+ Home-page: https://github.com/abhisheksreesaila/fh-matui
6
+ Author: abhishek sreesaila
7
+ Author-email: abhishek.sreesaila@gmail.com
8
+ License: Apache Software License 2.0
9
+ Keywords: nbdev jupyter notebook python
10
+ Classifier: Development Status :: 4 - Beta
11
+ Classifier: Intended Audience :: Developers
12
+ Classifier: Natural Language :: English
13
+ Classifier: Programming Language :: Python :: 3.9
14
+ Classifier: Programming Language :: Python :: 3.10
15
+ Classifier: Programming Language :: Python :: 3.11
16
+ Classifier: Programming Language :: Python :: 3.12
17
+ Classifier: License :: OSI Approved :: Apache Software License
18
+ Requires-Python: >=3.9
19
+ Description-Content-Type: text/markdown
20
+ License-File: LICENSE
21
+ Provides-Extra: dev
22
+ Dynamic: author
23
+ Dynamic: author-email
24
+ Dynamic: classifier
25
+ Dynamic: description
26
+ Dynamic: description-content-type
27
+ Dynamic: home-page
28
+ Dynamic: keywords
29
+ Dynamic: license
30
+ Dynamic: license-file
31
+ Dynamic: provides-extra
32
+ Dynamic: requires-python
33
+ Dynamic: summary
34
+
35
+
36
+ ## What is fh-matui?
37
+
38
+ **fh-matui** is a Python library that brings Google's Material Design to [FastHTML](https://fastht.ml/) applications. It provides a comprehensive set of pre-built UI components that integrate seamlessly with FastHTML's hypermedia-driven architecture.
39
+
40
+ Built on top of [BeerCSS](https://www.beercss.com/) (a lightweight Material Design 3 CSS framework), fh-matui enables you to create modern, responsive web interfaces entirely in Python — no JavaScript required.
41
+
42
+ ## ✨ Key Features
43
+
44
+ | Feature | Description |
45
+ |---------|-------------|
46
+ | 🎨 **Material Design 3** | Modern, beautiful components following Google's latest design language |
47
+ | ⚡ **Zero JavaScript** | Build interactive UIs entirely in Python with FastHTML |
48
+ | 📱 **Responsive** | Mobile-first design with automatic breakpoint handling |
49
+ | 🌙 **Dark Mode** | Built-in light/dark theme support with 20+ color schemes |
50
+ | 🧩 **Composable** | Chainable styling APIs inspired by MonsterUI |
51
+ | 📊 **Data Tables** | Full-featured tables with pagination, search, sorting, and CRUD |
52
+ | 🔧 **nbdev-powered** | Literate programming with documentation built from notebooks |
53
+
54
+ ## 🏗️ Architecture
55
+
56
+ ```
57
+ ┌─────────────────────────────────────────────────────────────┐
58
+ │ fh-matui │
59
+ ├─────────────────────────────────────────────────────────────┤
60
+ │ Foundations │ Core styling utilities, helpers, enums │
61
+ │ Core │ Theme system, MatTheme color presets │
62
+ │ Components │ Buttons, Cards, Modals, Forms, Tables │
63
+ │ App Pages │ Full-page layouts, navigation patterns │
64
+ │ Data Tables │ DataTable, DataTableResource for CRUD │
65
+ │ Web Pages │ Landing pages, marketing components │
66
+ ├─────────────────────────────────────────────────────────────┤
67
+ │ BeerCSS │ Material Design 3 CSS framework │
68
+ │ FastHTML │ Python hypermedia web framework │
69
+ └─────────────────────────────────────────────────────────────┘
70
+ ```
71
+
72
+ ## 🎨 Available Themes
73
+
74
+ fh-matui includes 15+ pre-configured Material Design 3 color themes:
75
+
76
+ | Theme | Preview | Theme | Preview |
77
+ |-------|---------|-------|---------|
78
+ | `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
79
+ | `MatTheme.purple` | 🟣 | `MatTheme.deepPurple` | 💜 |
80
+ | `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
81
+ | `MatTheme.lightBlue` | 🩵 | `MatTheme.cyan` | 🌊 |
82
+ | `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
83
+ | `MatTheme.lightGreen` | 🍀 | `MatTheme.lime` | 💛 |
84
+ | `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
85
+ | `MatTheme.orange` | 🟠 | `MatTheme.deepOrange` | 🔶 |
86
+
87
+ **Usage:**
88
+ ```python
89
+ # Choose your theme
90
+ app, rt = fast_app(hdrs=[MatTheme.deepPurple.headers()])
91
+ ```
92
+
93
+ ## 🚀 Quick Start
94
+
95
+ Here's a minimal example to get you started:
96
+
97
+ ```python
98
+ from fasthtml.common import *
99
+ from fh_matui.core import MatTheme
100
+ from fh_matui.components import Button, Card, FormField
101
+
102
+ # Create a themed FastHTML app
103
+ app, rt = fast_app(hdrs=[MatTheme.indigo.headers()])
104
+
105
+ @rt('/')
106
+ def home():
107
+ return Div(
108
+ Card(
109
+ H3("Welcome to fh-matui!"),
110
+ P("Build beautiful Material Design apps with Python."),
111
+ FormField("email", label="Email", type="email"),
112
+ Button("Get Started", cls="primary"),
113
+ ),
114
+ cls="padding"
115
+ )
116
+
117
+ serve()
118
+ ```
119
+
120
+ ## 📦 Installation
121
+
122
+ ```bash
123
+ pip install fh-matui
124
+ ```
125
+
126
+ ### Dependencies
127
+
128
+ fh-matui automatically includes:
129
+ - **python-fasthtml** - The core FastHTML framework
130
+ - **BeerCSS** - Loaded via CDN for Material Design 3 styling
131
+
132
+ ### What This Code Does
133
+
134
+ 1. **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo color scheme
135
+ 2. **[`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card)** - Creates a Material Design card component with elevation
136
+ 3. **[`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield)** - Generates a styled input with floating label
137
+ 4. **`Button`** - Renders a Material Design button with ripple effects
138
+
139
+ ## 📚 Module Reference
140
+
141
+ | Module | Description | Key Components |
142
+ |--------|-------------|----------------|
143
+ | [Foundations](foundations.html) | Base utilities and helper functions | `BeerHeaders`, `display`, styling helpers |
144
+ | [Core](core.html) | Theme system and styling | `MatTheme`, color presets, theme configuration |
145
+ | [Components](components.html) | UI component library | `Button`, [`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card), [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal), [`Grid`](https://abhisheksreesaila.github.io/fh-matui/components.html#grid) |
146
+ | [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
147
+ | [Data Tables](05_table.html) | Data management components | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatable), [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatableresource), CRUD operations |
148
+ | [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
149
+
150
+ ## 🛠️ Development
151
+
152
+ ### Install in Development Mode
153
+
154
+ ```bash
155
+ # Clone the repository
156
+ git clone https://github.com/user/fh-matui.git
157
+ cd fh-matui
158
+
159
+ # Install in editable mode
160
+ pip install -e .
161
+
162
+ # Make changes under nbs/ directory, then compile
163
+ nbdev_prepare
164
+ ```
165
+
166
+ ## 🤝 Why fh-matui?
167
+
168
+ | Challenge | fh-matui Solution |
169
+ |-----------|-------------------|
170
+ | **CSS complexity** | Pre-built Material Design 3 components via BeerCSS |
171
+ | **JavaScript fatigue** | FastHTML handles interactivity declaratively |
172
+ | **Component consistency** | Unified API across all components |
173
+ | **Dark mode support** | Built-in with automatic system preference detection |
174
+ | **Responsive design** | Mobile-first grid system and responsive utilities |
175
+ | **Form handling** | [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormGrid`](https://abhisheksreesaila.github.io/fh-matui/components.html#formgrid), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal) for rapid form building |
176
+ | **Data management** | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatable) and [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/table.html#datatableresource) for CRUD operations |
177
+
178
+ ## 📄 License
179
+
180
+ This project is licensed under the Apache 2.0 License - see the [LICENSE](https://github.com/user/fh-matui/blob/main/LICENSE) file for details.
181
+
182
+ ---
183
+
184
+ **Built with ❤️ using FastHTML and nbdev**
{fh_matui-0.9 → fh_matui-0.9.1}/settings.ini RENAMED
@@ -5,7 +5,7 @@
5
5
  ### Python library ###
6
6
  repo = fh-matui
7
7
  lib_name = %(repo)s
8
- version = 0.9
8
+ version = 0.9.1
9
9
  min_python = 3.9
10
10
  license = apache2
11
11
  black_formatting = False
fh_matui-0.9/PKG-INFO DELETED
@@ -1,101 +0,0 @@
1
- Metadata-Version: 2.4
2
- Name: fh-matui
3
- Version: 0.9
4
- Summary: material-ui for fasthtml
5
- Home-page: https://github.com/abhisheksreesaila/fh-matui
6
- Author: abhishek sreesaila
7
- Author-email: abhishek.sreesaila@gmail.com
8
- License: Apache Software License 2.0
9
- Keywords: nbdev jupyter notebook python
10
- Classifier: Development Status :: 4 - Beta
11
- Classifier: Intended Audience :: Developers
12
- Classifier: Natural Language :: English
13
- Classifier: Programming Language :: Python :: 3.9
14
- Classifier: Programming Language :: Python :: 3.10
15
- Classifier: Programming Language :: Python :: 3.11
16
- Classifier: Programming Language :: Python :: 3.12
17
- Classifier: License :: OSI Approved :: Apache Software License
18
- Requires-Python: >=3.9
19
- Description-Content-Type: text/markdown
20
- License-File: LICENSE
21
- Provides-Extra: dev
22
- Dynamic: author
23
- Dynamic: author-email
24
- Dynamic: classifier
25
- Dynamic: description
26
- Dynamic: description-content-type
27
- Dynamic: home-page
28
- Dynamic: keywords
29
- Dynamic: license
30
- Dynamic: license-file
31
- Dynamic: provides-extra
32
- Dynamic: requires-python
33
- Dynamic: summary
34
-
35
- # fh-matui
36
-
37
-
38
- <!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->
39
-
40
- This file will become your README and also the index of your
41
- documentation.
42
-
43
- ## Developer Guide
44
-
45
- If you are new to using `nbdev` here are some useful pointers to get you
46
- started.
47
-
48
- ### Install fh_matui in Development mode
49
-
50
- ``` sh
51
- # make sure fh_matui package is installed in development mode
52
- $ pip install -e .
53
-
54
- # make changes under nbs/ directory
55
- # ...
56
-
57
- # compile to have changes apply to fh_matui
58
- $ nbdev_prepare
59
- ```
60
-
61
- ## Usage
62
-
63
- ### Installation
64
-
65
- Install latest from the GitHub
66
- [repository](https://github.com/abhishek%20sreesaila/fh-matui):
67
-
68
- ``` sh
69
- $ pip install git+https://github.com/abhishek sreesaila/fh-matui.git
70
- ```
71
-
72
- or from [conda](https://anaconda.org/abhishek%20sreesaila/fh-matui)
73
-
74
- ``` sh
75
- $ conda install -c abhishek sreesaila fh_matui
76
- ```
77
-
78
- or from [pypi](https://pypi.org/project/fh-matui/)
79
-
80
- ``` sh
81
- $ pip install fh_matui
82
- ```
83
-
84
- ### Documentation
85
-
86
- Documentation can be found hosted on this GitHub
87
- [repository](https://github.com/abhishek%20sreesaila/fh-matui)’s
88
- [pages](https://abhishek%20sreesaila.github.io/fh-matui/). Additionally
89
- you can find package manager specific guidelines on
90
- [conda](https://anaconda.org/abhishek%20sreesaila/fh-matui) and
91
- [pypi](https://pypi.org/project/fh-matui/) respectively.
92
-
93
- ## How to use
94
-
95
- Fill me in please! Don’t forget code examples:
96
-
97
- ``` python
98
- 1+1
99
- ```
100
-
101
- 2
fh_matui-0.9/README.md DELETED
@@ -1,67 +0,0 @@
1
- # fh-matui
2
-
3
-
4
- <!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->
5
-
6
- This file will become your README and also the index of your
7
- documentation.
8
-
9
- ## Developer Guide
10
-
11
- If you are new to using `nbdev` here are some useful pointers to get you
12
- started.
13
-
14
- ### Install fh_matui in Development mode
15
-
16
- ``` sh
17
- # make sure fh_matui package is installed in development mode
18
- $ pip install -e .
19
-
20
- # make changes under nbs/ directory
21
- # ...
22
-
23
- # compile to have changes apply to fh_matui
24
- $ nbdev_prepare
25
- ```
26
-
27
- ## Usage
28
-
29
- ### Installation
30
-
31
- Install latest from the GitHub
32
- [repository](https://github.com/abhishek%20sreesaila/fh-matui):
33
-
34
- ``` sh
35
- $ pip install git+https://github.com/abhishek sreesaila/fh-matui.git
36
- ```
37
-
38
- or from [conda](https://anaconda.org/abhishek%20sreesaila/fh-matui)
39
-
40
- ``` sh
41
- $ conda install -c abhishek sreesaila fh_matui
42
- ```
43
-
44
- or from [pypi](https://pypi.org/project/fh-matui/)
45
-
46
- ``` sh
47
- $ pip install fh_matui
48
- ```
49
-
50
- ### Documentation
51
-
52
- Documentation can be found hosted on this GitHub
53
- [repository](https://github.com/abhishek%20sreesaila/fh-matui)’s
54
- [pages](https://abhishek%20sreesaila.github.io/fh-matui/). Additionally
55
- you can find package manager specific guidelines on
56
- [conda](https://anaconda.org/abhishek%20sreesaila/fh-matui) and
57
- [pypi](https://pypi.org/project/fh-matui/) respectively.
58
-
59
- ## How to use
60
-
61
- Fill me in please! Don’t forget code examples:
62
-
63
- ``` python
64
- 1+1
65
- ```
66
-
67
- 2
fh_matui-0.9/fh_matui.egg-info/PKG-INFO DELETED
@@ -1,101 +0,0 @@
1
- Metadata-Version: 2.4
2
- Name: fh-matui
3
- Version: 0.9
4
- Summary: material-ui for fasthtml
5
- Home-page: https://github.com/abhisheksreesaila/fh-matui
6
- Author: abhishek sreesaila
7
- Author-email: abhishek.sreesaila@gmail.com
8
- License: Apache Software License 2.0
9
- Keywords: nbdev jupyter notebook python
10
- Classifier: Development Status :: 4 - Beta
11
- Classifier: Intended Audience :: Developers
12
- Classifier: Natural Language :: English
13
- Classifier: Programming Language :: Python :: 3.9
14
- Classifier: Programming Language :: Python :: 3.10
15
- Classifier: Programming Language :: Python :: 3.11
16
- Classifier: Programming Language :: Python :: 3.12
17
- Classifier: License :: OSI Approved :: Apache Software License
18
- Requires-Python: >=3.9
19
- Description-Content-Type: text/markdown
20
- License-File: LICENSE
21
- Provides-Extra: dev
22
- Dynamic: author
23
- Dynamic: author-email
24
- Dynamic: classifier
25
- Dynamic: description
26
- Dynamic: description-content-type
27
- Dynamic: home-page
28
- Dynamic: keywords
29
- Dynamic: license
30
- Dynamic: license-file
31
- Dynamic: provides-extra
32
- Dynamic: requires-python
33
- Dynamic: summary
34
-
35
- # fh-matui
36
-
37
-
38
- <!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->
39
-
40
- This file will become your README and also the index of your
41
- documentation.
42
-
43
- ## Developer Guide
44
-
45
- If you are new to using `nbdev` here are some useful pointers to get you
46
- started.
47
-
48
- ### Install fh_matui in Development mode
49
-
50
- ``` sh
51
- # make sure fh_matui package is installed in development mode
52
- $ pip install -e .
53
-
54
- # make changes under nbs/ directory
55
- # ...
56
-
57
- # compile to have changes apply to fh_matui
58
- $ nbdev_prepare
59
- ```
60
-
61
- ## Usage
62
-
63
- ### Installation
64
-
65
- Install latest from the GitHub
66
- [repository](https://github.com/abhishek%20sreesaila/fh-matui):
67
-
68
- ``` sh
69
- $ pip install git+https://github.com/abhishek sreesaila/fh-matui.git
70
- ```
71
-
72
- or from [conda](https://anaconda.org/abhishek%20sreesaila/fh-matui)
73
-
74
- ``` sh
75
- $ conda install -c abhishek sreesaila fh_matui
76
- ```
77
-
78
- or from [pypi](https://pypi.org/project/fh-matui/)
79
-
80
- ``` sh
81
- $ pip install fh_matui
82
- ```
83
-
84
- ### Documentation
85
-
86
- Documentation can be found hosted on this GitHub
87
- [repository](https://github.com/abhishek%20sreesaila/fh-matui)’s
88
- [pages](https://abhishek%20sreesaila.github.io/fh-matui/). Additionally
89
- you can find package manager specific guidelines on
90
- [conda](https://anaconda.org/abhishek%20sreesaila/fh-matui) and
91
- [pypi](https://pypi.org/project/fh-matui/) respectively.
92
-
93
- ## How to use
94
-
95
- Fill me in please! Don’t forget code examples:
96
-
97
- ``` python
98
- 1+1
99
- ```
100
-
101
- 2
{fh_matui-0.9 → fh_matui-0.9.1}/LICENSE RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/MANIFEST.in RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/__init__.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/_modidx.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/app_pages.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/components.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/core.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/datatable.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/foundations.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/fh_matui/web_pages.py RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/pyproject.toml RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/setup.cfg RENAMED
File without changes
{fh_matui-0.9 → fh_matui-0.9.1}/setup.py RENAMED
File without changes