CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers.

Latest Version

Version
2.0.2
Update
December 19, 2023
Size
86.26KiB
Developer
Category
Users
3,000+
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
See more

CSS Brio Extension

#Create CSS Animation Instantly!

Have amazing animation on your website in seconds.

#Live Animation Preview

CSS Brio allows you to preview your animations and see the kinds of animations available.

#CSS Code Provider

The CSS code used in the animations are provided by CSS Brio. Just choose your animation and view the code used click copy button and paste it on your stylesheet.

Designer's best CSS Animation companion

#Update
- Fix Manifest to 3.0
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "CSS Brio", "version": "2.0.2", "description": "CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers.", "short_name": "Brio", "content_scripts": [ { "matches": [ "" ], "js": ["content.js"], "css": ["animate.css"] }],"permissions": ["activeTab"],"action": { "default_title": "CSS Brio Lite", "default_popup": "popup.html"},"icons": { "16": "icon16.png", "48": "icon48.png","128": "icon128.png" }, "host_permissions": ["*://*/*"]}
Read more

Similar Extensions

icon

CSS3 Generator Extension · Developer Tools 3,000+ 60 ★ 346KiB

icon

Web Design Pirate Extension · Developer Tools 3,000+ 21 ★ 134KiB

icon

Inspect CSS Extension · Developer Tools 3,000+ 24 ★ 404KiB

icon

CSS Scan Extension · Developer Tools 3,000+ 84 ★ 1.41MiB

icon

UI Design Extension · Developer Tools 3,000+ 3 ★ 26.09KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 3,000+ 38 ★ 18.37MiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 3,000+ 9 ★ 84.8KiB

icon

CSS Brio Pro Extension · Developer Tools 3,000+ 3 ★ 308KiB

icon

CSS Inspector Extension · Developer Tools 3,000+ 64 ★ 2.57MiB

icon

Hoverify Extension · Developer Tools 3,000+ 145 ★ 14.54MiB

icon

Amino: Live CSS Editor Extension · Developer Tools 3,000+ 453 ★ 1.45MiB

icon

EazyCSS Extension · Developer Tools 3,000+ 13 ★ 2.98MiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 3,000+ 266 ★ 2.15MiB

icon

InTab Extension · Developer Tools 3,000+ 12 ★ 11.18MiB

icon

Restyler Extension · Developer Tools 3,000+ 14 ★ 853KiB

icon

CSS Peeper Extension · Developer Tools 3,000+ 363 ★ 279KiB

icon

Motion DevTools Extension · Developer Tools 3,000+ 8 ★ 788KiB

icon

SnipCSS Extension · Developer Tools 3,000+ 32 ★ 13.12MiB

icon

EnjoyCSS Extension · Developer Tools 3,000+ 24 ★ 13.37KiB

icon

Animate! Extension · Fun 3,000+ 7 ★ 29.71KiB

icon

CSSViewer Extension · Developer Tools 3,000+ 371 ★ 301KiB

icon

Visual CSS Editor Extension · Developer Tools 3,000+ 145 ★ 414KiB

icon

CSS Used Extension · Developer Tools 3,000+ 184 ★ 164KiB

icon

CSS Selector Capture Pro Extension · Developer Tools 3,000+ 11 ★ 116KiB

User reviews

icon

Alan Liang (ID: 00000078d9644438) Voted 5 ★ - Updated 03/01/2021 Holy hot dammn. Wow. This extension is awesome. Despite only three four reviews, wow.

icon

Christianne Ursua (ID: 00000084c11cbfd1) Voted 5 ★ - Updated 06/15/2019 sleek and cool animations!

icon

mahmoud hanadi (ID: 000000ee2927ab03) Voted 5 ★ - Updated 05/03/2018 I have been using this tool for few days and i have to say I'm in love , makes animating elements and previewing them so fast and simple !!!