Material Design components built on top of Bulma CSS, using pure CSS/Sass
Find a file
Domenico Tenace 39febd1d86
docs: implementation documentation
* chore: scope package name to `@domet99/plus-ultra`.

* chore: set package to public by adding "private": false.

* fix: update package name to @dometena/plus-ultra

* docs: initial setup

* docs: add comprehensive documentation for core components, elements, and forms, including a getting started guide, and remove outdated examples.
2026-02-17 16:55:47 +01:00
.agent/rules feat: first release of Plus Ultra (#2) 2026-02-05 23:42:48 +01:00
.github feat: first release of Plus Ultra (#2) 2026-02-05 23:42:48 +01:00
docs docs: implementation documentation 2026-02-17 16:55:47 +01:00
src feat: first release of Plus Ultra (#2) 2026-02-05 23:42:48 +01:00
.gitignore feat: first release of Plus Ultra (#2) 2026-02-05 23:42:48 +01:00
CONTRIBUTING.md feat: first release of Plus Ultra (#2) 2026-02-05 23:42:48 +01:00
LICENSE Initial commit 2026-01-25 22:44:38 +01:00
package.json docs: implementation documentation 2026-02-17 16:55:47 +01:00
pnpm-lock.yaml docs: implementation documentation 2026-02-17 16:55:47 +01:00
README.md feat: first release of Plus Ultra (#2) 2026-02-05 23:42:48 +01:00

Plus Ultra 🚀

Plus Ultra is a modern CSS framework that brings Material Design principles into the Bulma CSS ecosystem. Built entirely with SASS, it allows you to transform standard Bulma components into elegant, dynamic elements that comply with Material Design guidelines without sacrificing Bulma's simplicity.

Key Features

  • 🎨 Material Design UI: Complete restyling of buttons, inputs, cards, and much more.
  • Built on Bulma: Leverages the power and flexibility of Bulma 1.0+.
  • 🧩 Modular: Use only what you need thanks to organized SASS files.
  • 🛠️ Easy to Customize: Extensive SASS variables to adapt the theme to your brand.
  • 🌓 Dark Mode Ready: Native support for light and dark themes.

📦 Included Components

Category Elements
Elements Box, Button, Delete, Notification, Progress, Table, Tag
Form Checkbox, File, Input, Radio, Select, Textarea
Components Card, Icon, Modal, Navbar, Tabs

Installation

To start developing with plus-ultra, clone the repository and install the dependencies:

# Install dependencies
pnpm install

Usage and Development

The project uses SASS to compile the source files.

One-time Build

pnpm run build

Development (Watch mode)

pnpm run watch

This command will monitor changes in .scss files and automatically update the dist/plus-ultra.css file.

Preview

You can view all components in action by opening the index.html file in your browser (using Live Server in VS Code is recommended).

Contributing

We welcome contributions! If you want to improve plus-ultra, please read the CONTRIBUTING.md file for details on the pull request process.

License

This project is distributed under the MIT license. See the LICENSE file for details.

Support

If you like this project, you can support me with a very small donation.

I would be grateful 🥹

Buy Me A Coffee