Command is minimal AI visual based on the forward slash character. It can move into and from a recording symbol, a loading indicator and a speaking waveform.
Powered by Rive for implementation into any platform.
Payments are secured and processed by Gumroad
Package includes:
.riv for direct use in any application powered by Rive Runtimes (eg. React)
.rev source file for customisation in Rive
.svg and .png images for marketing materials
Documentation to help you get started
Specifications:
Design dimensions
64x64
File size
7 KB
Color modes
8
Background
solid
Animation states
idle, listening, thinking, speaking, asleep
You can find our open source demo chat application on our GitHub - github.com/surge-studio/elements-ai-demo
This demo is using React, Rive, gpt-3.5-turbo, Vercel AI, Microsoft TTS and browser native microphone capture.
Command
Animation for interation
Each AI visual includes its own dynamic animations for listening, thinking, speaking and more.
Tiny file size
Rive files are a fraction of the size of videos, GIFs, image sequences, or JSON-based formats.
Runtime AND Source files
Each product includes a .riv file for runtime and a .rev file for customisation using the Rive app.
What is this?
If you're a developer or designer you can use these visual elements to add animation and interaction to your next AI project. Each visual element is built using rive.app.
Implementation of .riv files requires programming know-how. Your purchase includes documentation to help you get started.
The included source .rev file can be opened in Rive if you'd like to do any design or animation customisation.
What's the license?
Use of our free and paid products are subject to our license agreement. Please read it carefully before purchasing. But in short you can use the purchased files in an end-product but cannot redistrubute or resell them.
Where can I get support?
Our open source demo is located at github.com/surge-studio/elements-ai-demo and showcases how to setup a rive-powered chat application.
Your purchase also includes a README.txt with additional details and how to contact us for any issues.
Who made this?
Created by Hayden Barnett @ Surge.
If you'd like to get in touch email hayden@surge.studio