Set of basic geometric animations using Flutter available as Android App gallery

Related tags

Animation app mobile geometry aria animations systems flutter
Overview

#ui, #animations, #geometry, #flutter

aria

Set of basic geometric animations using Flutter available as Android App gallery

Donwload It


Logo Credits

Awesome 3D Artwork by @killnicole available at Figma Community

What is?

Sometimes I get stuck on social media due the beautiful designs and geometry related stuff that shows up in my feed. And I always wanted to implement these kind of works/designs as animations, but I didn't. So this project is to do it: create any kind of interesting animations, whether from the internet or even from my mind. Also, the name is ref to the aria math by C418!

Current animations

As the time I write this document, the project has two animations

All animations runs 60fps in real devices and the browser, the gifs are just for preview purposes


1. Minimal particle acceleration

Created just to setup the project and write some lines of code

  • Linear acceleration
  • Without physics


2. Circular particle acceleration

Same as the first one, created just to setup the project and to release criativity

  • Linear acceleration
  • Without physics


3. Sine particle acceleration

Sine time, now we have a animation related to the sine function

  • Linear acceleration
  • Without physics




Open Source

Copyright © 2022-present, Laks Castro.

aria is MIT licensed 💖

Comments
  • Add Icon & Docs App

    Add Icon & Docs App

    Current state

    • [x] Two basic animatios are already available in the App

    Next

    • [x] Create a logo,
    • [x] Create banner
    • [x] Add image/videos to the README.md and PRIVACY-POLICY.md
    • [x] Attach brand to the repository README.md and repository configurations
    documentation enhancement 
    opened by alexrintt 0
  • Basic particle acceleration and deceleration

    Basic particle acceleration and deceleration

    Animation

    Allow user tap to increase or decrease the velocity, and shows a particle animation through the screen

    Tasks

    • [x] Particle animation
    • [x] Acceleration
    • [x] Deceleration
    enhancement animation 
    opened by alexrintt 0
  • Camera and Focus Point

    Camera and Focus Point

    Resources

    • How to describe the camera motion given a focus point P
    • Since the camera can move around the world, we need to build a cartesian system
    • How to handle paint a relative cartesian system given a translation dx and dy
    animation 
    opened by alexrintt 0
  • Linear acceleration physics improvements

    Linear acceleration physics improvements

    Issue

    Current physics is not immutable and indenpendant. So the task will be move the current physics from += and -= logic to =

    That is, use formulas that describe the object motion instead having variables that change differently over the time/frames

    bug 
    opened by alexrintt 0
  • Add Web support

    Add Web support

    Why

    Is really annoying being forced to download and entire app to see something simple, so the web version of the app will be really useful and more practical even the render bugs

    Tasks

    • [ ] Enable GitHub pages
    • [ ] Create workflow to publish to the GitHub pages on push to the web branch
    • [ ] Update documentation and repository link
    enhancement 
    opened by alexrintt 0
Releases(v0.1.1)
Owner
lask
always failing but always trying
lask
GitHub https://github.com/lakscastro/aria/releases
A Flutter package with a selection of simple yet very customizable set of loading animations.

Flutter Loading Animations A simple yet very customizable set of loading animations for Flutter projects. Installation Add the following to your pubsp

Andre Cytryn 171 Sep 23, 2022
A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.

flutter_animated_dialog A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier i

null 20 Dec 3, 2022
Create powerful animations in Flutter and use the hero animation for complex animations

Hero Animation - Locations UI - Flutter Create powerful animations in Flutter and use the hero animation for complex animations. ⚡  Social Media  Twit

null 3 Dec 11, 2021
Android loading animations

Android-SpinKit Android loading animations(I wrote a android edition according SpinKit) Demo Apk Preview Gradle Dependency dependencies { implement

ybq 8.4k Dec 30, 2022
A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file.

image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a G

AliYigitBireroglu 135 Jan 5, 2023
A Flutter Log In Page using Flare Animations

Bear_log_in An example built using JCToon's Flare File as a custom UI component. Bear will follow the cursor as you type or move it around. Overview T

Apurv Jha 14 Oct 19, 2022
SwiftUI - Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

SwiftUI Examples About Examples projects using SwiftUI & Combine. Include Layout, UI, Animations, Gestures, Draw and Data. See projects files in Files

Ivan Vorobei 4.2k Jan 8, 2023
🔥🔥🔥 Easy to build an animation set

✨ Flutter Animation Set [Lanuage ~~] English | 中文文档 Simplified Flutter stagger animation.To drive the Flutter stagger animation through a timeline in

YYDev 271 Oct 31, 2022
🔥🔥🔥 Easy to build an animation set

✨ Flutter Animation Set [Lanuage ~~] English | 中文文档 Simplified Flutter stagger animation.To drive the Flutter stagger animation through a timeline in

YYDev 271 Oct 31, 2022
Flutter Login interface using basic widgets such as Row, Column

Login UI - Flutter Descrição do Projeto ?? Interface de login utilizando widgets

null 2 Oct 25, 2022
☀️ A Flutter package for some material design app intro screens with some cool animations.

IntroViews is inspired by Paper Onboarding and developed with love from scratch. Checkout our fully responsive live example app. Table of contents Fea

Ayush Agarwal 652 Dec 30, 2022
🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C

Ayush Agarwal 1.4k Jan 6, 2023
Flutter package for creating awesome animations.

?? Simple Animations Simple Animations is a powerful package to create beautiful custom animations in no time. ?? fully tested ?? well documented ?? e

Felix Blaschke 879 Dec 31, 2022
Fun canvas animations in Flutter based on time and math functions.

funvas Flutter package that allows creating canvas animations based on time and math (mostly trigonometric) functions. The name "funvas" is based on F

null 472 Jan 9, 2023
A flutter package that adds support for vector data based animations.

animated_vector Description and inspiration A package that adds support for vector data based animations. The data format is heavily inspired from the

Potato Open Sauce Project 6 Apr 26, 2022
Simple reactive animations in your Flutter apps.

just.motion Flutter package to create organic motion transitions. Why? The Motion Value stateless hot reload status notifier Ease Motion Spring Motion

Roi Peker 49 Nov 14, 2022
Timer UI animation challenge from 'Flutter Animations Masterclass'

stopwatch_flutter An IOS stopwatch challenge from Flutter Animations Masterclass - Full Course What I learned; Use timer Use ticker Create custom shap

Ali Riza Reisoglu 11 Jan 4, 2023
🐱‍👤 Flutter-Animation 🔥 🔥 List Animated Staggered Animations

??‍?? Staggered Animations made with algeria ❤

Hmida 17 Nov 22, 2022
A collection of Animations that aims to improve the user experience for your next flutter project.

A collection of Animations that aims to improve the user experience for your next flutter project.

Ezaldeen Sahb 134 Dec 24, 2022