Elements
View all products
AI Visual

Command

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.

Free download$0

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

Example implementation

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

Made for AI

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.

Run anywhere with Rive

Rive runtimes give you the power to easily implement and control the animation on any platform. Visit rive.app for more information.

FAQs

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