Spotlight
Spotlight
A spotlight effect that draws attention to specific elements on your page. Perfect for hero sections and call-to-action areas.
Background Gradient
Background Gradient
Animated gradient background that smoothly transitions between colors. Great for modern, dynamic designs.
Wavy Background
Wavy Background
A cool background effect with waves that move. Perfect for creating dynamic, ocean-like backgrounds.
Meteor Effect
Meteor Effect
A group of beams in the background of a container, sort of like meteors. Creates a dynamic, space-like atmosphere.
Sparkles
Sparkles
A configurable sparkles component that can be used as a background or as a standalone component.
Card Stack
Card Stack
Animated card stack component with smooth transitions. Great for testimonials, features, or any content that benefits from a stacked presentation.
3D Card Effect
3D Card Effect
A card perspective effect, hover over the card to elevate card elements. Creates an immersive 3D experience.
Card Hover Effect
Card Hover Effect
Interactive card with smooth hover animations and visual feedback. Perfect for product showcases and feature cards.
Expandable Card
Expandable Card
Click cards to expand them and show additional information. Great for detailed content presentation.
Focus Cards
Focus Cards
Hover over the card to focus on it, blurring the rest of the cards. Perfect for highlighting important content.
Hover Border Gradient
Hover Border Gradient
A stunning hover effect that expands to the entire container with an animated gradient border. Perfect for call-to-action buttons.
Moving Border
Moving Border
A border that moves around the container. Perfect for making your buttons stand out with dynamic animations.
Stateful Button
Stateful Button
A button that shows a loading state when clicked, and a success state when the action is completed.
Typewriter Effect
Typewriter Effect
Text generates as if it is being typed on the screen. Perfect for creating engaging, dynamic text animations.
Text Flip
Text Flip
A text flip effect that changes the layout of surrounding text. Creates dynamic, eye-catching text animations.
Text Generate Effect
Text Generate Effect
A cool text effect that fades in text on page load, one by one. Perfect for creating engaging introductions.
Dart Editor
Dart Editor
An integrated Dart code editor with syntax highlighting and live compilation. Perfect for Flutter developers.
Code Block
Code Block
A configurable code block component built on top of react-syntax-highlighter. Perfect for documentation and tutorials.
Floating Navbar
Floating Navbar
A sticky Navbar that hides on scroll, reveals when scrolled up. Modern, clean navigation experience.
Sidebar
Sidebar
Expandable sidebar that expands on hover, mobile responsive and dark mode support.
Multi Step Loader
Multi Step Loader
A step loader for screens that take a lot of time to load. Perfect for complex operations and data processing.
Loader
Loader
A set of simple and minimal loaders for your loading screens and components.
Try Our Dart Compiler
Write and test your Dart code directly in the browser. Perfect for Flutter development and learning.
Ready to build amazing Flutter apps?
Get started with our free components and start building today.