Destamatic UI is a UI library built on the delta state management library destam and the DOM manipulation library destam-dom. The base set of components take inspiration from MUI and the base HTML tags, with some ease-of-use built in.
Destamatic UI offers a range of components designed for responsive and interactive web interfaces. Key features include:
- State Management Integration: Built on
destam, effortless state management across components. - Built in reactivity: Uses
destam-domfor efficient DOM manipulations and updates without the need for a virtual dom. - Theming: Customizable and reactive theming for consistent, application-wide style and appearance.
- Component Library: Includes navigational, input, and display components inspired by material design principles.
For a detailed overview of the components and their functionalities, refer to the documentation.
You can install and run the demo with the following steps:
- Clone the library:
git clone https://github.com/torrinworx/destamatic-ui.git- Install dependencies:
npm i- Run the demo:
npm run devThis will start the Vite demo server on localhost:5173. You can view example components based on their directory paths in the examples folder. Here's how you can access them:
examples/inputs/button.jsx, can bee seen by going to:examples/utils/theme.jsx, can bee seen by going to:
Replace the path with the corresponding directory and file name, adjusting for any additional examples you want to explore.