Backgrounds built with Motion. Install via CLI or copy the code into your project.
Gemini Wave
Wave-like patterns move across a gradient.
Gemini Wave
npx @abhivarde/syncui@latest add backgrounds/geminiWave
Gradient Mesh
Color focal points shift across the gradient.
Gradient Mesh
npx @abhivarde/syncui@latest add backgrounds/gradientMesh
Moving Shapes
Shapes drift across a gradient background.
Moving Shapes
npx @abhivarde/syncui@latest add backgrounds/movingShapes
Flickering Grid
Squares flicker at random.
Flickering Grid
npx @abhivarde/syncui@latest add backgrounds/flickeringGrid
Interactive Grid
Squares highlight on hover.
Interactive Grid
npx @abhivarde/syncui@latest add backgrounds/interactiveGrid
Grid
Simple grid line pattern.
Grid
npx @abhivarde/syncui@latest add backgrounds/grid
Magnetic Connections
Dots connect to the cursor with lines.
Magnetic Connections
npx @abhivarde/syncui@latest add backgrounds/magneticConnections
Dots
Dotted background pattern.
Dots
npx @abhivarde/syncui@latest add backgrounds/dots