Animated triangles background widget with color gradients

Overview

Triangles background

Animated triangles background widget with color gradients

Getting Started

click image to see the video Watch the video

Usage

add this line to pubspec.yaml

   dependencies:
     triangles_background: ^1.0.0

import package

    import 'package:triangles_background/triangles_background.dart';

or

    triangles_background:
        git:
          url: https://github.com/alnitak/flutter_triangles_background
          ref: master

simple example

Triangles(
    // number of horizontal divisions
    // hDivisions: 20,
    // vDivisions: 20,

    // height and width of triangles. Approximated to fit the widget
    hSpace: 40,
    vSpace: 40,

    // Vertex colors
    //    v1***v2
    //    *******
    //    *******
    //    v4***v3
    v1Color: Colors.red,
    v2Color: Colors.black,
    v3Color: Colors.green,
    v4Color: Colors.yellow,

    // Color of triangles strokes
    lineColor: Colors.black,

    // Stroke width
    strokeWidth: 0.3,

    // Radius of circle at vertex
    circleRadius: 2,

    // min and max speed of vertices
    speedMin: 0.1,
    speedMax: 0.5,
)
You might also like...

A beautiful animated onboarding app.

A beautiful animated onboarding app.

Animated Onboarding Made with πŸ”₯ in India This flutter app is made just to demonstrate how to we can make an animated onboarding experience that looks

Dec 4, 2022

Beautiful Animated ListView and GridView

staggered_animated_listview Beautiful Animated ListView and GridView Online Preview Getting Started This project is a starting point for a Flutter app

Dec 11, 2021

Animated Backgrounds for Flutter.

Animated Backgrounds for Flutter.

Animated Backgrounds for Flutter Animated Backgrounds for Flutter. Easily extended to paint whatever you want on the canvas. Note: These examples are

Nov 27, 2022

An animated menu with both RTL and LTR direction support

animated_menu A new Flutter package project. Getting Started This project is a starting point for a Dart package, a library module containing code tha

Jan 31, 2022

A collection of loading indicators animated with CSS

SpinKit Simple loading spinners animated with CSS. See demo. SpinKit only uses (transform and opacity) CSS animations to create smooth and easily cust

Dec 26, 2022

A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration.

A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration.

A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started

Dec 20, 2022

Flutter package for animated unit stepper.

Flutter package for animated unit stepper.

stepo A highly customisable Flutter package for animated unit stepper Supported Dart Versions Dart SDK version = 2.1.0 Demo Gif Installation Add the

Feb 4, 2021

Animated Tesla App Conect using Flutter

Animated Tesla App Conect using Flutter

Animated Tesla App Conect using Flutter Watch it on YouTube Packages we are using: flutter_svg: link This video is for those who want to master Flutte

Dec 28, 2022

Animated collasable app drawer for flutter

Animated collasable app drawer for flutter

collasable_drawer Animated collasable app drawer

Jan 6, 2023
Owner
Marco Bavagnoli
C/C++, Qt Ambassador, Certified BlackBerry Builder for Native, Android java/NDK - Flutter dev
Marco Bavagnoli
A curated collection of awesome gradients made in Dart for Flutter

Flutter Gradients A curated collection of awesome gradients made in Dart (port of https://webgradients.com for Flutter). Only linear gradients include

Jonathan Monga 178 Dec 18, 2022
Flutter-animated-ui-space-app - ⚑Animated UI Space App Challenge Part 5 πŸ±β€πŸ‘€πŸ±β€πŸ‘€

Flutter-animated-ui-space-app ?? ?? Project img : Image Challenge Code Image Note !! : Please include your photos to show and install simple_animation

Hmida 7 Sep 15, 2022
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.

Motion Tab Bar A beautiful animated widget for your Flutter apps Preview: | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.1.5 B

Rezaul Islam 237 Nov 15, 2022
Add an indicator for a progression. You can customize indicators (shape, color, ..)

dots_indicator Widget to display dots indicator to show a position (for a PageView for example). Installation You just need to add dots_indicator as a

Jean-Charles MoussΓ© 139 Dec 1, 2022
Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider.

DrawApp Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider. All code free to

Jake Gough 226 Nov 3, 2022
✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.

✨ Flutter Spinkit A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit. ?? Installing dependencies:

Jeremiah Ogbomo 2.7k Dec 30, 2022
Animated Menu in Flutter using radial.

Animated_radial_Menu_in_Flutter Animated Menu in Flutter using radial. Getting Started This project is a starting point for a Flutter application. A f

Habib ullah 4 Jul 18, 2022
Cool 3D Drawer Animated With flutter part 2 πŸ”₯ πŸ”₯

Cool 3D Drawer Animated With flutter part 2 ?? ??

Hmida 12 Nov 22, 2022
Hmida 17 Nov 22, 2022
3d Drawer Animated && Made with algeria heart

Cool 3D Drawer Animated With flutter part 1 ?? ?? Getting Started # You need to import this in our file import 'dart:math'; import 'package:flutter/m

Hmida 8 Sep 10, 2022