Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
aurora cover
Package detailsv1.0.0

aurora

Widget to easily create aurora gradient backgrounds for your flutter app

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
104
Likes
36
Pub points
160

Install package

flutter pub add aurora

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Aurora is a Flutter package that simplifies the creation of mesmerizing aurora gradient backgrounds using customizable shaders. It enables developers to add dynamic, flowing color effects resembling natural auroras to any widget or screen with minimal code. Ideal for enhancing app aesthetics, it supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux. The package leverages Flutter's rendering capabilities to deliver smooth animations and vibrant gradients without performance overhead.

Use cases

  • Creating visually appealing splash screens
  • Enhancing mobile app onboarding experiences
  • Adding atmospheric backgrounds to games
  • Designing immersive dashboard interfaces
  • Improving user engagement with dynamic visuals

Key features

  • Easy integration with just one widget
  • Customizable gradient colors and flow speed
  • Smooth animated shader effects
  • Cross-platform compatibility
  • Lightweight and performant
  • Supports both static and animated modes

Suitable for

  • UI designers seeking stunning visual effects
  • Developers building creative or artistic apps
  • Apps requiring engaging onboarding or splash screens
  • Projects focused on immersive user experiences
  • Frontend developers wanting minimal-code solutions

Considerations

  • May impact performance on low-end devices
  • Requires understanding of basic shader concepts
  • Limited customization beyond gradient and animation settings
  • Not suitable for simple, static background needs
  • Best used with minimal overlapping content for optimal visibility

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Aurora

Aurora is a flutter package to create aurora gradient shades in your mobile app .

Install

dependencies:
  aurora: ^1.0.0

Usage

import 'package:aurora/aurora.dart';

Aurora(
  size: 300,
  colors: [Color(0xFFfbd07c), Color(0xFFf7f779)],
  blur: 200
)

Full example

import 'package:aurora/aurora.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Aurora',
      home: HomeScreen(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final TextStyle style = TextStyle(
        fontSize: 48,
        fontWeight: FontWeight.bold,
        color: Colors.white.withOpacity(0.7),
        letterSpacing: 1.2);

    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle.light
          .copyWith(statusBarColor: Colors.transparent),
      child: Scaffold(
        backgroundColor: Colors.black,
        body: Stack(
          children: [
            Positioned(
                top: -10,
                left: -100,
                child: Aurora(
                  size: 300,
                  colors: [
                    Color(0xffc2e59c).withOpacity(1),
                    Color(0xff64b3f4).withOpacity(1)
                  ],
                )),
            Positioned(
                top: -50,
                right: -50,
                child: Aurora(
                  size: 200,
                  colors: [Color(0xFFfbd07c), Color(0xFFf7f779)],
                )),
            Positioned(
                bottom: -100,
                right: -300,
                child: Aurora(
                  size: 600,
                  colors: [Color(0xFFff0f7b), Color(0xFFf89b29)],
                )),
            Positioned(
                bottom: -50,
                left: -100,
                child: Aurora(
                  size: 200,
                  colors: [Color(0xFF595cff), Color(0xFFc6f8ff)],
                )),
            Positioned.fill(
                child: Center(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    "Aurora",
                    style: style,
                  ),
                  Text(
                    "Gradients",
                    style: style.copyWith(fontSize: style.fontSize + 8),
                  ),
                ],
              ),
            )),
          ],
        ),
      ),
    );
  }
}

Categories

Background Effects, Gradients & Shaders

Source repository

Projects using this package

No data available yet.