Quasar Framework
Build high-performance cross-platform apps with Vue.js and Quasar Framework
About Quasar Framework
Quasar Framework is an enterprise-ready, open-source framework for building responsive web apps, mobile apps, desktop apps, and browser extensions using Vue.js. It offers a comprehensive set of customizable UI components, seamless integrations, and extensive documentation to streamline development across multiple platforms.
FAQ
To enable RTL support, you need to edit the /postcss.config.js file and uncomment the import rtlcss from 'postcss-rtlcss' line. Then, install the postcss-rtlcss package using yarn, npm, pnpm, or bun. If you are already running the 'quasar dev' command, restart it.
RTL is tightly coupled to Quasar Language Packs. Quasar needs to be set to use an RTL language (language pack has 'rtl' prop set to 'true') and RTL support needs to be enabled. This compiles CSS for both your website/app code and Quasar components, adding corresponding RTL CSS rules automatically.
You can dynamically detect if you are on RTL mode by checking the Boolean $q.lang.rtl. This is available through The $q object.
To mark CSS rules as exceptions, add the comment '/* rtl:ignore */' to the rule. For example: '.my-class { margin-left: 10px /* rtl:ignore */; }'. This ensures that both RTL and non-RTL UI modes will use the same rule.
To enable RTL support in Quasar CLI with Webpack, you need to edit the /quasar.config file and set 'build: { rtl: true }'.
To enable RTL UIs in UMD, you need to include the RTL equivalent CSS tag for your Quasar version and pack in a Quasar RTL language pack (like Hebrew or Farsi). You also need to add the ' ' tag at the beginning of your HTML file.
Alternatives to consider
Community ratings & full listCategories
Claim this tool
Are you the founder? Claim your profile to update details and track views.
Claim tool