An extension to view Rive files in vscode.

Last update: Nov 1, 2022

Related tags

IDE vscode-rive-viewer

Overview

Rive viewer for vscode

View .riv animations directly in vscode.

Installation

In vscode extensions look for vscode-rive-viewer.
vscode market place.
In vscode, press (cmd+p/ctrl+p) and paste ext install ronba.vscode-rive-viewer

This extension uses the rive javascript runtime to provides a webview of a riv animation file.

Features

Switch between artboards.
Trigger animations.
Trigger state machines.

Requirements

N/A.

Extension Settings

riveviewer.externalDirectories - directories from which vscode is allowed to display .riv files. By default only riv files in the current workspace and from the extension directory can be displayed.

Known Issues

Please report issues here.

Release Notes

0.2.0

Add support for riveviewer.externalDirectories.

0.1.0

Update README with a screenshot.

0.0.1

Initial release.

The ArDrive Web App allows a user to log in to securely view, upload and manage their ArDrive files.

ArDrive Web The ArDrive Web App allows a user to log in to securely view, upload and manage their ArDrive files. Have any questions? Join the ArDrive

Dec 14, 2022

📸 Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget. Photo View is largely used to show interacive images and other stuff such as SVG.

Flutter Photo View A simple zoomable image/content widget for Flutter. PhotoView enables images to become able to zoom and pan with user gestures such

Jan 3, 2023

Flutter Web application having splash screen and providing Web view Using web view packege.

Webview with Splash Screen in Flutter Flutter Web View With Splash Screen. Subscribe Our YouTube Channel. Visit Website Demo OutPut 🔗 Links Getting S

Dec 7, 2021

A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, panning and animations.

⚡ A powerful & easy to use chart library for Android ⚡ Charts is the iOS version of this library Table of Contents Quick Start Gradle Maven Documentat

Dec 28, 2022

Flutter list view - An unofficial list view for flutter

Flutter List View I don't like official list view. There are some features don't

Dec 15, 2022

Grid-View-App - Grid View App For Flutter

grid_view_app practice purpose flutter application Getting Started This project

Jun 9, 2022

Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

Dec 2, 2022

Swipeable button view - Create Ripple Animated Pages With Swipeable Button View

swipeable_button_view You can create ripple animated pages with swipeable_button

Apr 22, 2022

-UNDER DEVELOPMENT- a project built demonstrating model view view model architecture

mvvm_project A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Nov 28, 2022

An app to pick, upload and display images from camera and gallery with size and extension constraints.

image_uploader A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Mar 7, 2022

Provides null-safety implementation to simplify JSON data handling by adding extension method to JSON object

Lazy JSON Provides null-safety implementation to simplify JSON data handling by adding extension method to JSON object and JSON array. Getting started

Oct 27, 2021

❄️ An extension based Anime & Manga client.

Yukino Yukino lets you read manga or stream anime ad-free from multiple sources. The project's name "Yukino" meaning "Snow" named after the character

Jan 6, 2023

Extension functions on ValueListenable that allows you to work with them almost as if it was a synchronous stream.

functional_listener Extension functions on ValueListenable that allows you to work with them almost as if it was a synchronous stream. Each extension

Oct 9, 2022

Parse and compose Magnet URI extension (BEP53) ranges.

bep53-range Parse and compose Magnet URI extension (BEP53) ranges. Dart port of https://github.com/webtorrent/bep53-range Usage parse Parse Magnet URI

Feb 7, 2022

Wraps flutter_svg and the Flutter SDK image providers and picks the right widget based on the file extension

Hybrid Image Wraps flutter_svg and the Flutter SDK image providers and picks the right widget based on the file extension Features As of right now it'

Jun 18, 2022

An extension to the Flutter SDK for building Flutter applications for Tizen devices.

Flutter for Tizen An extension to the Flutter SDK for building Flutter applications for Tizen devices. Flutter and the related logo are trademarks of

Dec 16, 2022

A sample Google Chrome browser extension built in flutter web

My Activities It is a sample Google Chrome browser extension The extension was built in Flutter Web. How to build % cd /path/to/project/root % flutter

Nov 12, 2021

Collection of extension function of just_audio package for auto-handle caching

just_audio_cache Collection of extension function of just_audio package for auto-handle caching audio files How to use The premise is you already have

Aug 24, 2022

A Dockerfile & config for developing with Flutter and the VS Remote - Containers extension.

flutter-devcontainer A Dockerfile & config for developing with Flutter and the VS Remote - Containers extension. Usage: Clone this repository git clon

Sep 24, 2022

Comments

Replace the javascript viewer with a flutter based viewer.
Migrates the viewer to a flutter based viewer.

The Flutter rive SDK is a lot easier to work with and has many additional features.

The viewer is essentially a standalone application which can be run using flutter run - making it easy to debug and iterate on.
opened by ronba 0
Error when opening .riv file in vscode

Get this error when trying to open .riv file in vscode after installing this extension. Error text: Unable to open 'hamburger-time.riv' [UriError]: Scheme contains illegal characters. What to do?

opened by poengen 0
What can i do

To view "d:\ecommerce web\Bear1.riv" from the current workspace add "d:\ecommerce web" (or a parent of that directory) to "riveviewer.externalDirectories".

i'm a newcomer and have that problem, what should i do with it, how to add

opened by ShaeraO 0

Releases(v0.3.0)

v0.3.0(Oct 22, 2021)
Move to a flutter web based viewer.

View multiple artboards concurrently.

To install:

Download the vsix file

Run code --install-extension ./vscode-rive-viewer-0.3.0.vsix

Source code(tar.gz)
Source code(zip)
vscode-rive-viewer-0.3.0.vsix(678.37 KB)

Owner

GitHub

Load and get full control of your Rive files in a Flutter project using this library.

⚠️ Please migrate to the new Rive Flutter runtime. This runtime is for the old Rive (formerly Flare) and will only receive updates for breaking issues

2.6k Dec 31, 2022

A powerful official extension library of image, which support placeholder(loading)/ failed state, cache network, zoom pan image, photo view, slide out page, editor(crop,rotate,flip), paint custom etc.

extended_image Language: English| 中文简体 A powerful official extension library of image, which support placeholder(loading)/ failed state, cache network

1.6k Dec 31, 2022

It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.

liquid A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

28 Oct 7, 2022

Sticker chat is a messaging application built using Flutter, Stream, and Rive

Sticker Chat ?? Sticker chat is a messaging application built using Flutter, Stream, and Rive. It allows users to send and receive messages in real-ti

47 Nov 23, 2022

Experimenting with rive's constraints :)

state_machine_rive A new Flutter project for Rive StateMachine. Login From State-Machine Navigate to design on rive.app Sample Ik constraints On Rive

10 Nov 2, 2022

Example of how to create scenes with Rive content in Flutter

rive-centaur Example of how to create scenes with Rive content in Flutter! no_audio_apples.mov Getting Started This project is a starting point for a

14 Nov 6, 2022

Stream sticker animation - Stream Sticker Animation using Rive

Stream Sticker Animation using Rive Sample Flutter project to demonstrate how to

4 Feb 8, 2022

Download files from Firebase Storage with Flutter. List all images, videos, or other files from Firebase and download them.

Flutter Tutorial - Download Files From Firebase Storage Download files from Firebase Storage with Flutter. List all images, videos, or other files fro

28 Dec 4, 2022

Upload Files To Firebase Storage with Flutter. Pick images, videos, or other files from your device and upload them to Firebase.

Flutter Tutorial - Upload Files To Firebase Storage Upload Files To Firebase Storage with Flutter. Pick images, videos, or other files from your devic

30 Dec 28, 2022

FileManager is a wonderful widget that allows you to manage files and folders, pick files and folders, and do a lot more. Designed to feel like part of the Flutter framework.

File Manager FileManager is a wonderful widget that allows you to manage files and folders, pick files and folders, and do a lot more. Designed to fee

52 Dec 30, 2022