Utility CSS Classes
Utility CSS classes provide a fast and consistent way to apply common styles across applications built with the library. They cover frequently used properties such as typography, spacing (margins and paddings), elevation, sizing, and flex layouts. By using small, focused classes, developers can compose interfaces quickly while maintaining visual consistency and predictable behavior. This approach reduces the need for custom CSS and helps enforce a shared design language across all apps built with the library. If you want to dive deeper to these predefined classes, also check our css-animations, typography and css-variables.
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
©2026 brandcompete GmbH