Skip to content


Repository files navigation

vuesax-next (v4.x)


Status: Alpha

We are working to create a stable version that can be used in real projects, we are currently working on the documentation and the creation of components to have at least the amount of the v3 vuesax 4 is fully created from 0 and therefore each component and new functionality is worked in its entirety which takes time

The central team is working on the priority that is to create new components and verify that they do not have the bugs or problems of the previous version so we gain a better development and more complete components

Vuesax 4 is created with totally different technologies than v3 some of the most important changes are:

Vuesax v3

  • Components created with .vue files
  • Pre css processor: Stylus
  • Use of Vue-CLI 3 to compile the components
  • Vuepress v0.14.10

Vuesax 4

  • Components created with .ts files
  • Pre css processor: Sass
  • Use of Webpack and babel to compile the components
  • Vuepress v1.1.0
  • Typescript

We would love our users to test with Vuesax v4 to find bugs so we can fix them on the fly


Every day is being updated and working on Vuesax 4, we will announce each new component and significant improvement in our networks and discord channel, this in order to benefit from our own users and help us improve and test each component and function

Components v3 vs v4

  • Alert
  • Avatar
  • Breadcrumb
  • Button
  • Card
  • Checkbox
  • Chip
  • Collapse
  • Dialogs
  • Divider
  • Dropdown
  • Images
  • Input
  • List
  • Loading
  • Navbar
  • Notification
  • Number Input
  • Pagination
  • Popup
  • Progress
  • Radio
  • Select
  • Sidebar
  • Slider
  • Switch
  • Table
  • Tabs
  • Textarea
  • Tooltip
  • Upload

What is still missing and is working

  • Components and functions
  • Examples in Codepen or Codesandbox
  • RTL support
  • Check the SSR support
  • Easy starter in Vue-CLI 3
  • Plugin for Nuxtjs
  • vs-code helper plugin
  • vuesax / types


You can help us with any detail you find in the documents or in the components already created, only those of the central team are dedicated to create and make strong changes in components and functions (have a better visual structure and consistency in progress), if you want support you can make an Issues with the suggestion and a PR with the change

⚠️ ALERT 🚧

Keep in mind that Vuesax 4 is in ALPHA state and may have inconsistencies and problems that we are going to solve, for now we do not recommend using it for real projects only tests