The most advanced Framework for developing applications of any complexity: from SaaS platforms to modern mobile applications in weeks, not months
With Node on the server side and Vue on the client side, we have created a one-of-a-kind end-to-end container solution that is easily scalable and meets all the modern requirements of F-500 companies
User authentication and Log in check middleware
Path: /components/example/Auth.vue
Store: /store/auth.ts
Middleware: /middleware/auth.js
Plugin: /plugins/client.js
Authentication is done through Directus API, it can also be added through SSO. After authentication the token is updated automatically and SSR takes data from the cookie. All other mechanics such as automatic token update are performed in the background. For the convenience of using authenticated requests, a plugin directus was made, which allows using already created authenticated client. All additional options for use are outlined in the documentation.
DocumentationThe best hero slider with flexible configuration and good documentation
Path: /components/example/Swiper.vue
A very elaborate slider that works great on all devices and has very good documentation.
View examples: https://swiperjs.com/demos
Simply the best animation engine
Path: /components/example/Kinesis.vue
Kinesis is easy to use component for interactive animations. On the /plugins/kinesis.js
path you will find everything about registering a component in the application.
Move the mouse over the interactive block to see the effect
DocumentationSimply the best animation engine
Path: /components/example/Gsap.vue
By following the link https://greensock.com/docs/v3/Plugins
you can find many useful plugins and install them by modifying /plugins/gsap.js
which also contains examples of how to do this. Gsap needs to be rendered on the client side, so everything associated with it should be wrapped in the following construction onMounted(() => {...})
This example has everything you need to deal with: animation, interaction, animation when scrolling. The example also includes actions using basic callbacks.
Documentation Path: /components/example/Motion.vue
Best way to add fade in animation on scroll or other events. All items have iVisible
trigger effect and 2-4
have also hover effect
Path: /components/example/Gesture.vue
Slide your cursor over the example block and you will see a circle that follows the pointer, taking into account the speed and trajectory. In fact, the capabilities of the plugin itself are much more, it supports: Drag, Move, Hover, Scroll, Wheel, Pinch
and perfectly plays with Motion
Path: /components/example/Dropzone.vue
Plugin: /plugins/client.js
This example allows you to quickly create a component that allows you to upload files via API. In order for the example to work, you need to allow everyone to upload files or authorize if the authentication package is installed.
Documentation