A customizable CSS framework focused on layouting to easily scaffold responsive web interfaces.
Kanbasu won’t get any new features from now on, we do not recommend using it in new projects.
This framework was created during a time it solved an actual problem for us and after being used for years, we think there are now better solutions available. In particular, we are convinced that the utility-first approach gives us more control over the styling of interfaces with less code.
If you’re looking for an alternative in that direction, we’re recommending the amazingly well-done Tailwind CSS.
Kanbasu is a toolbox to create responsive web interfaces quickly. It’s focused on the layout and voluntarily avoid defining much “styling” properties which can be completely different from project to project.
Written is Sass, it’s highly customizable, every component being optional and customizable with variables.
CSS features used are working in all current major browsers. The oldest Internet Explorer version supported is 11. However, the framework does not include vendor-prefixed properties! When building it, we recommend you to use Autoprefixer to ensure a complete compatibility.
Read more and browse the documentation on kanbasu.liip.ch.
With npm (recommended)
npm install --save-dev kanbasu
With Yarn
yarn add --dev kanbasu
As a Git submodule
git submodule add git@github.com:liip/kanbasu.git
Manually
Download the latest release archive
Easily scaffold a new project by running the script below in your project directory to:
kanbasu.scss (renamed main.scss) and settings/_settings.scss to the specified destinationmain.scss to match the Node module location!default flags from settings/_settings.scsssettings/_settings.scss into main.scssWith npx:
npx kanbasu path/to/your/sass/directory
See other scaffolding methods.
Kanbasu does not include vendor-prefixed properties. You should consider using a tool like Autoprefixer to ensure the properties used match the desired browser support.
Have a look at the documentation →
FAQs
A customizable CSS framework focused on layouting to easily scaffold responsive web interfaces.
We found that kanbasu demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
TC39 met in Seattle and advanced 9 JavaScript proposals, including three to Stage 4, introducing new features and enhancements for a future ECMAScript release.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.