An open API service indexing awesome lists of open source software.

https://github.com/newlogic-digital/ui

🎨 Lightweight, modern and modular CSS framework with the best principles. Enriched with utility classes from TailwindCSS and powered by Winduum
https://github.com/newlogic-digital/ui

stimulusjs swupjs tailwindcss vite vituum winduum

Last synced: 2 months ago
JSON representation

🎨 Lightweight, modern and modular CSS framework with the best principles. Enriched with utility classes from TailwindCSS and powered by Winduum

Awesome Lists containing this project

README

          



Logo



npm package
node compatility

# 🎨 Newlogic UI

Where Innovation Meets Simplicity.

- 💡 Modern
- 📦 Modular
- 📏 Responsive
- ✨️ Progressive
- ⚡️ Fast

Component framework for modern backend driven web applications. Powered by Vite and Winduum.

## ⚙️ Under the hood
* **[Newlogic Core](https://github.com/newlogic-digital/core)** - starter pack for creating modern web applications. Powered by Vite and Vituum.
* **[Vituum](https://vituum.dev/)** - plugins for Vite, adds support for template engines, and more.
* **[Vite](https://vituum.dev/)** - next generation frontend tooling
* **[Winduum](https://winduum.dev/)** - a small modest CSS component framework for TailwindCSS
* **[Tailwind CSS](https://tailwindcss.com/)** - rapidly build modern websites without ever leaving your HTML
* **[Naja](https://naja.js.org/)** - a full-featured JS client-side AJAX library for Nette Framework
* **[Stimulus](https://stimulus.hotwire.dev/)** - a modest JavaScript framework for the HTML you already have
* **[Swup](https://next.ui.newlogic.cz/docs/.html)** - versatile and extensible page transition library for server-rendered websites

## 🪄 Get started

Creating a new project
```sh
git clone --depth 1 https://github.com/newlogic-digital/ui.git newlogic-ui-project
cd newlogic-ui-project && npm i
```
```sh
npm run dev
```
or
```sh
npm run build
```
___
Or in any other environment
```sh
npm i @newlogic-digital/ui
```

```css
/* main.css or individual modules */
@import "@newlogic-digital/ui/src/styles/main.css"
```

```js
/* main.js or individual modules */
import "@newlogic-digital/ui/src/scripts/main.js"
```

### Requirements

- [Node.js LTS (22.x)](https://nodejs.org/en/download/)
- [NPM (10.x)](https://www.npmjs.com/package/npm) or any other package manager

## Licence
GNU GPLv3