Aspect Ratio for Vue3
The v-aspect-ratio directive can be used to fix any section to a specific aspect ratio regardless of the screen size. To use it, simply add v-aspect-ratio="width/height" to any HTML element or Vue component. Internally, v-aspect-ratio is being used in our lazy-image component.
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