A light UI component library built to make web projects faster, flexible and easier to maintain.

npm install baseweb

What's the scuttlebutt?

BaseWeb is the passion project of a UI designer and front-end developer. The goal is to take care of the boring stuff and let you focus on building an interface that's sexy as hell.


It's a Framework

Build on top of beautiful default styles and components. BaseWeb provides a starting point for your website or application that will make development faster and easier.

Learn More


It's a Library

Written to give you full control of production output, BaseWeb makes available all mixins and functions with the option to omit default classes and styles.

Learn More


It's Flexible

BaseWeb is built mobile first, starting from the grid system to each component block. Using media queries to deliver the best user experience regardless of device.

Learn More

Take a peek under the hood

This shit is organized. BaseWeb's architeture is designed to be easy to maintain and expand. Go ahead, take a look and see what I mean.

  • scss/
    • core/
      • _colophon.scss
      • _functions.scss
      • _palette.scss
      • _settings.scss
      • _mixins.scss
      • _media.scss
      • _grid.scss
    • elements/
      • _base.scss
      • _typography.scss
      • _lists.scss
      • _tables.scss
      • _blockquotes.scss
      • _code.scss
      • _images.scss
      • _videos.scss
      • _rules.scss
      • _forms.scss
      • _buttons.scss
      • _icons.scss
      • _chips.scss
    • blocks/
      • _badges.scss
      • _breadcrumbs.scss
      • _button-groups.scss
      • _dropdowns.scss
      • _notices.scss
      • _offcanvas.scss
      • _tabs.scss
      • _tooltips.scss
    • custom/
      • _custom.scss
      • _overrides.scss
    • _baseweb-core.scss
    • _baseweb-elements.scss
    • _baseweb-blocks.scss
    • baseweb.scss
  • js/
    • _utility.js
    • _dismissible.js
    • _dropdowns.js
    • _offcanvas.js
    • _tabs.js
    • baseweb.js

I won't be held responsible...

if you end up loving the shit out of BaseWeb. I'm not saying it's going to save your marriage... or am I? Here are some links to get you started.

© 2020 . All rights reserved.