Grid Layout for Vue3

Our grid system is based on 12-column layout by 4 breakpoints, each one with another 12 columns. This creates visual consistency between layouts, while allowing flexibility across a wide variety of designs. To create tables or less complex layouts we recommend that you use our table-layout component. If you are looking for ready-to-use full-featured grids, you should check our data-table.

Becquerel UI for Vue3

The Vue3 UI library developed by us at brandcompete GmbH provides a comprehensive and growing set of tools for building modern, consistent user interfaces

Getting Started
Quick Start
Development
Publishing
Deployment
Roadmap
Release Notes
Bundler
Content
Theme
App
Layout
Heading
Container
Grid
Table Layout
Colors
Brand Color
Elevation
Reactive Style
Typography
CSS Variables
Utility CSS Classes
CSS Animations
Lorem Ipsum
Navigator Online
UI
Alert
Ambient Image
Avatar
Avatar Group
Badge
Banner
Breadcrumbs
Btn
Btn Group
Card
Chip
Color Picker
Collapsible
Context Menu
Data Table
Dialog Box
Divider
Editor
Empty
Flag
Icon
Kbd
Kpi
Lazy Image
List
Loading Overlay
Meter Group
Multiline Ellipsis
Notification
Pager
Progressbar
Rating
Skeleton Loader
Snackbar
Sparklines
Speed Dial
Split Btn
SVG Icon
Tabs
Timeline
Toolbar
Tooltip
Treeview
Vid
Forms
Async Form
Checkbox
Dropdown
Radio Group
Range Slider
Slider
Switcher
Text Field
Upload
Directives
Aspect Ratio
Blur
Default Btn
Gradient Text
Intersect
Liquid Glass
Resize
Ripple
Scroll Lock
Tooltip
Sitemap