Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
funvas cover
Package detailsv0.1.8

funvas

Package for creating canvas animations based on time and math functions. Fun + canvas -> funvas :)

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
2.2K
Likes
257
Pub points
160

Install package

flutter pub add funvas

Package Overview

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

Funvas is a Flutter package that enables creating dynamic, math-driven canvas animations using time-based functions. It combines the flexibility of custom drawing with mathematical expressions to generate fluid, interactive visual effects. Ideal for developers seeking creative, real-time animations without complex state management. The package supports multiple platforms including mobile, web, and desktop, making it versatile for cross-platform projects. With a simple API, it allows precise control over animation behavior through functions that respond to elapsed time.

Use cases

  • Interactive art displays
  • Animated backgrounds
  • Mathematical visualizations
  • Game UI elements
  • Creative app interfaces

Key features

  • Time-based animation functions
  • Math expression-driven visuals
  • Cross-platform support
  • Lightweight and performant
  • Easy integration with Flutter widgets

Suitable for

  • Creative developers
  • UI/UX designers
  • Educational app creators
  • Game developers
  • Artistic Flutter projects

Considerations

  • Requires understanding of basic math functions
  • May impact performance with heavy animations
  • Limited built-in animation presets
  • Best suited for custom, hand-crafted effects
  • Not ideal for standard UI transitions

Original README

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

funvas Pub version gallery badge Twitter Follow

Flutter package that allows creating canvas animations based on time and math (mostly trigonometric) functions.

The name "funvas" is based on Flutter + fun + canvas. Let me know if you have any better ideas :)

Gallery gallery badge

I share my funvas creations on Twitter and I have also created a live demo, a gallery that allows you to explore some of the animations running right in Flutter web :)

Community projects

Here are some awesome community projects made using the funvas package to create some 🔥✨

Repo structure

This repo currently contains the following packages:

Package Contents
funvas The actual funvas Flutter package that is also hosted on Pub. Both funvas_tweets and funvas_gallery depend on this package. It contains the basic widget for displaying funvas animations.
funvas_gallery Collection of funvas animations I created and shared on Twitter. The package also contains the code I use to export my animations to GIF and mp4.
funvas_rendering Package for rendering and exporting funvas animations, which is used to create all funvas_tweets GIFs.
funvas_tweets Flutter web app (gallery) showcasing a selection of funvas_tweets funvas animations that can be reached at funvas.creativemaybeno.dev.
open_simplex_2 Package that makes OpenSimplex2 noise generation available to everyone in Dart :) I use this for my own funvas animations (funvas_tweets) but it is also hosted for anyone to use on Pub.
Inspiration

The whole concept is inspired by Dwitter (check it out). That is mainly the way the API is built. These kinds of animations (especially in GIF form) can be found in many communities, e.g. in processing (and with that p5.js).

Categories

Animation & Transition

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.