fbbb341988* feat: add GitHub funding configuration, issue templates, and Copilot instructions, and update AGENTS.md. * chore: setup SASS structure with dedicated variable and override files, integrate them into index.scss, and update .gitignore to ignore HTML files. * feat: add input component styling and import it into the main stylesheet. * feat: setup custom variables * feat: setup icon component * feat: setup checkbox component * feat: setup all project * feat: remove specific input focus styles and add top positioning for left icons. * ref: refactoring all code base * chore: add compressed mode to build script * chore: generate markdown file (readme and contributing) * chore: add main in package.json * chore: delete assets |
||
|---|---|---|
| .agent/rules | ||
| .github | ||
| src | ||
| .gitignore | ||
| CONTRIBUTING.md | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README.md | ||
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 🥹
