Tama Denshya UI Kit | Cross-Framework Suite
Why "tamui"? - It sounds like Japanese word \_(-_-)_/
Yielding elegant reactivity, open to every framework, unbound by styling dogma, ascending beyond convention, rooted in signals, elevating interface creation - gracefully adaptable, yet entirely headless.
tamui is a modular UI kit built on signal-driven architecture. It gives you the foundation for creating fully reactive components without dictating your design system. Use it as headless primitives, extend it into JSX-styled elements, or even compile it into Web Custom Elements. It is minimal, reactive, and unopinionated - made for developers who want complete control over their interface logic and presentation.
It means it works in React.
Additional useful styles, whether to include these or not is up to you.
Reset Resets all browser default styles, useful for greater control and to make sure styles won't be affected by browser style changes.
import "@denshya/tamui/styles/reset.css"Base Common styles for all applications.
import "@denshya/tamui/styles/base.css"Click on the link to open example.
| Component | Description |
|---|---|
<Progress> |
| Component | Description |
|---|---|
<Table> |
|
<Article> |
|
<ToastLayout> |
|
<PopupLayout> |
|
<DrawerLayout> |
|
<WhisperLayout> |
|
<PopoverLayout> |
| Component | Description |
|---|---|
<UploadSection> |
|
<FAQ> |
|
<Accordion> |
|
<Slider> |
|
<Steps> |
|
<Table> |
Regular, Virtualized, Tree, Affix, Editable |
<Timeline> |
|
<Tabs> |
| Component | Description |
|---|---|
<Badge> |
|
<Loader> |
|
<Notice> |
|
<Placeholder> |
|
<Icon> |
|
<Image> |
Displays image, fallbacks when loading or errored, random image |
<Avatar> |
The same as Image, but has placeholder, letter-based and editable |
<Tag> |
|
<Video> |
| Component | Description |
|---|---|
<Button> |
|
<Buttons> |
|
<IconButton> |
|
<Pagination> |
| Component | Description |
|---|---|
<Tooltip> |
|
<Overlay> |
A block that goes over other content. |
<Dropdown> |
|
<Breadcrumb> |
|
<ContextMenu> |
|
<Expander> |
Click on the link to open example.
| Behavior | Description |
|---|---|
| Pagination | |
| Looped | |
MediaQuery |
|
Breakpoint |
|
DragDrop |