@quasar/extras

What is @quasar/extras?

@quasar/extras is a collection of additional resources for the Quasar Framework, including icon sets, font libraries, and other extras that can be used to enhance the visual and functional aspects of Quasar applications.

What are @quasar/extras's main functionalities?

Icon Sets

This feature allows you to import and use various icon sets such as Material Icons, FontAwesome, and more in your Quasar applications.

import 'quasar/icon-set/material-icons';

Font Libraries

This feature allows you to import and use different font libraries like Roboto, Material Icons, etc., to style your Quasar applications.

import 'quasar/fonts/roboto-font';

Animations

This feature allows you to import and use various CSS animations to enhance the user experience in your Quasar applications.

import 'quasar/animations/fadeIn.css';

Other packages similar to @quasar/extras

font-awesome

Font Awesome is a popular icon set and toolkit that provides a wide range of icons and social logos. It is similar to @quasar/extras in that it offers a collection of icons that can be easily integrated into web applications.

material-icons

Material Icons is a set of icons designed by Google and used in Material Design. It is similar to @quasar/extras in that it provides a comprehensive set of icons that can be used in web applications.

animate.css

Animate.css is a library of ready-to-use, cross-browser animations for use in web projects. It is similar to @quasar/extras in that it provides a collection of animations that can be easily integrated into web applications.

README

Quasar Framework

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue.

Quasar Framework Extras

Package	quasar.conf.js extras name	Version	Description
Roboto Font	roboto-font	CDN v18	Recommended font along Material theme
Roboto Font Latin Extended	roboto-font-latin-ext	CDN v18	Recommended font along Material theme
Material Icons	material-icons	CDN v41	Material icons font
MDI (Material Design Icons)	mdi	3.0.39	Extended Material Design icons font
Font Awesome	fontawesome	5.5.0	Fontawesome icons font
Ionicons	ionicons	4.4.5	Ionicons font
Eva Icons	eva-icons	1.1.1	Eva Icons font
Animate.css	Use animations prop	3.5.2	Bundle of animations you can use in your website/app

Why this package? Because it strips down unnecessary package files (so faster download times), all in one place, tested and ready to use with Quasar. One other reason is that the material icons npm package sometimes fails to be downloaded by NPM.

Supporting Quasar

Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

Documentation

Head on to the Quasar Framework official website: https://quasar-framework.org

Stay in Touch

For latest releases and announcements, follow on Twitter: @quasarframework

Community Forum

Head on to the official community forum: http://forum.quasar-framework.org

Semver

Using semver 2.0 notation for 'quasar-extras' package.

License

All assets included in this repository are exclusive property of their respective owners. Quasar does not take any credit in packages included here.