GitHub リポジトリyashas-hm/lava-lamp-effect

ラベルランプ効果

🌋✨ モルテンモーションの魅力的な美しさにアプリを没入させ、魅惑的で流れるようなアニメーションを生み出しましょう。🫧

ラベルランプ効果 のプロジェクト画像
スター
7
フォーク
1
最終プッシュ(UTC)
2025/05/06
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

Lava Lamp Effect

🌋✨ Immerse your app in the hypnotic beauty of molten motion with the lava_lamp_effect, a Flutter package designed to bring mesmerizing, fluid animations to life. 🫧

Demo

Demo

Show some ❤️ and ⭐️ the Repo

Resources:

How to Use?

Adding this bubbly beauty to your UI is smoother than a lava blob floating to the top. Customize it with parameters like size, color, lavaCount, and speed to shape your very own lamp of wonder. 🛠️🌈

import 'package:flutter/material.dart';
import 'package:lava_lamp_effect/lava_lamp_effect.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Lava Lamp Effect Demo'),
        ),
        body: Center(
          child: LavaLampEffect(
            size: Size(300, 500),
            color: Colors.deepPurple,
            lavaCount: 4,
            speed: 1,
            repeatDuration: Duration(seconds: 10),
          ),
        ),
      ),
    );
  }
}

Want a faster flow or more blobs? Crank up the speed or lavaCount and let the animation groove! 🎛️🎶

Features

  • 🫧 Smooth, organic lava motion
  • 🎨 Fully customizable color palette
  • 🧊 Adjustable blob size and count
  • ⏱️ Control animation speed and cycle time

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  lava_lamp_effect: ^1.0.0

Contributions

License

This project is licensed under the MIT License, see the LICENSE file for details.

Credits

This package is inspired by flutter_lava_clock by Jaime Blasco.

Yashas H Majmudar GitHub avatar
GitHub 作者

Yashas H Majmudar ↗

📱 Full Stack Developer and Flutter sorcerer, weaving magic into mobile apps and web solutions. Developer by day and a Musician by night. 🎶

SWE @ NestUSA公式サイト ↗
言語Dart

カテゴリー

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件

  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}
  • flutter_lints開発用^5.0.0

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗