Scroll Lock for Vue3
This directive will help you prevent the <body /> from scrolling when you have a modal opened. Our dialog-box component is using the directive internally. The overflow: hidden is applied to the <body /> element when the target HTMLElement or Vue component is mounted and removed on the beforeUnmount hook.
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