Liquid Glass for Vue3

A Vue directive that applies Apple-style liquid glass to any element by rendering a translucent, frosted surface with dynamic blur and subtle light refraction. When attached, it creates a depth-aware effect that responds to background movement, giving the illusion of fluid glass floating above the UI. The directive automatically handles backdrop filtering, soft highlights, and edge diffusion for a polished look. It is lightweight, customizable, and works seamlessly across components with minimal setup.

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