whatisgithub

What is hypnoticcanvas?

l2hyunwoo/hypnoticcanvas — explained in plain English

Analysis updated 2026-08-04 · repo last pushed 2025-04-26

Audience · developerComplexity · 2/5StaleLicenseSetup · moderate

In one sentence

HypnoticCanvas is a library for adding animated, dynamic visual backgrounds like flowing liquid and glowing gradients to apps built with Compose Multiplatform, so your interface feels alive without custom animation work.

Mindmap

mindmap
  root((repo))
  What it does
    Animated backgrounds
    Pre-built visual patterns
    Customizable colors
  Tech stack
    Compose Multiplatform
    Kotlin
    Shaders
  Platforms
    Android
    iOS
    Desktop
    Web
  Use cases
    Music player immersion
    Onboarding polish
    Premium app feel
  Licensing
    Core permissive
    Community non-commercial
  Audience
    Mobile app developers
    Desktop app developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add an animated liquid background to a music player screen for a more immersive feel.

USE CASE 2

Use glowing gradient effects on onboarding screens to make a new app look polished and eye-catching.

USE CASE 3

Apply ready-made shader patterns to give an app interface a premium, artistic look without building effects from scratch.

USE CASE 4

Customize shader colors to match your app's branding across Android, iOS, desktop, and web.

What is it built with?

KotlinCompose MultiplatformAGSLSkia

How does it compare?

l2hyunwoo/hypnoticcanvas00kaku/gallery-slider-block04amanrajj/netwatch
Stars0
LanguageJavaScriptRust
Last pushed2025-04-262021-05-19
MaintenanceStaleDormant
Setup difficultymoderateeasymoderate
Complexity2/52/53/5
Audiencedevelopergeneralops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires a Compose Multiplatform project setup and understanding of platform-specific shader support, plus checking each shader's license before commercial use.

Core module is permissive and safe for commercial use, community-sourced effects are non-commercial, so check each effect before shipping a paid product.

So what is it?

HypnoticCanvas is a library that lets app developers add mesmerizing, animated visual backgrounds to their applications. Instead of using a plain or static image behind your app's content, you can use this tool to display flowing liquid, glowing gradients, and other dynamic, moving patterns that make your app's interface feel alive and visually striking. The library works with Compose, which is a modern way of building user interfaces for Android and other platforms. Developers apply these visual effects by adding a simple modifier to their code, similar to applying a filter or a theme. The library offers a set of pre-built visual patterns, called shaders, such as "BlackCherryCosmos," "MeshGradient," and "GoldenMagma." Some of these patterns are ready to use out of the box, while others allow developers to customize elements like colors to match their app's specific branding. This tool is designed for mobile and desktop app developers who want to create a premium or artistic feel without building complex visual effects from scratch. For example, a developer building a music streaming app might use an animated liquid background to make the player screen feel more immersive. A startup founder creating a new fitness app could use the gradient effects to make the onboarding screens look polished and eye-catching. One notable aspect of this project is that it is built using Compose Multiplatform, meaning the same visual effects work across Android, iOS, desktop computers, and web browsers. Additionally, the project organizes its visual effects into two categories with important distinctions. The core module contains effects with permissive licenses that are safe to use in commercial products. The second module contains beautiful effects sourced from the broader shader community, but those carry a non-commercial license, meaning developers must be careful not to use them in paid products without permission.

Copy-paste prompts

Prompt 1
I'm building a Compose Multiplatform app and want an animated liquid background on my music player screen. How do I add HypnoticCanvas and apply one of its built-in shaders?
Prompt 2
Show me how to customize the colors of a HypnoticCanvas shader like MeshGradient so it matches my app's brand palette.
Prompt 3
Which HypnoticCanvas shaders are safe to use in a commercial paid app, and which are non-commercial only? How do I make sure I only use the permissive ones?
Prompt 4
I want to use HypnoticCanvas on both Android and iOS with the same code. Walk me through setting it up in a Compose Multiplatform project and applying a shader modifier to a screen.
Prompt 5
List the pre-built shader patterns available in HypnoticCanvas and describe what each one looks like so I can pick the right visual for my onboarding screen.

Frequently asked questions

What is hypnoticcanvas?

HypnoticCanvas is a library for adding animated, dynamic visual backgrounds like flowing liquid and glowing gradients to apps built with Compose Multiplatform, so your interface feels alive without custom animation work.

Is hypnoticcanvas actively maintained?

Stale — no commits in 1-2 years (last push 2025-04-26).

What license does hypnoticcanvas use?

Core module is permissive and safe for commercial use, community-sourced effects are non-commercial, so check each effect before shipping a paid product.

How hard is hypnoticcanvas to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is hypnoticcanvas for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.