Moebius v1.5.0

Vue 3 Chat Platform UI

Moebius is a powerful and clean Chat app UI Kit built with Bulma and Vue 3.

Moebius is a full featured chat platform built with Vue 3 composition API, Typescript and powered by Bulma CSS. This chat UI Kit that has been handcrafted with care and patience, and follows the currently approved Vue’s core team best practices for project structure and code organization. It provides a robust bootstrap to start building your application effortlessly, as well as a set of production ready tools, proven by community practices, that will improve your developer experience, such as docker ready, VS Code integrated collaboration settings, ready to use code snippets and more. Everything you need to start is there.

Built with Vue 3

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.

Bulma framework

If you want to try something different than Bootstrap designs and code, this is the perfect alternative. Bulma is a lightweight and easy to use css framework. It’s mobile first grid has proven to be extremely flexible and perfect for mobile devices. On top of that, you have lot of responsive modifiers and mixins natively available. Bulma is built on Flexbox, a CSS layout model that automatically adjusts the width of a page element based on the width of its container. Flexbox requires developers to write both HTML and CSS to create elements that adhere to this model. With Bulma, Flexbox behavior and most other things can be handled with HTML classes. First released in 2016, Bulma has gained traction among front-end developers, enough to compete with other well-known CSS frameworks like Bootstrap.

Vite Powered

Moebius is powered by Vite. Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. Vite features lightning-fast cold server start, instant hot module replacement (HMR) and true on-demand compilation.

Theming capabilities

Moebius styles are written in SCSS and outputed into a single minified css core file. You can easily use the existing color palette or create a new theme from scratch, leveraging the existing CSS variables. You can also ake use ot the existing SCSS code to write your own components by starting from an exisiting one.

Enterprise ready Vue JS Starter

Moebius comes in with a production ready mindset, making it a very real world app that you deploy in minutes. Authentication, retrieving users and conversations are features that are already built for you with a mocked API. On top of that, Moebius ships with a beautiful, clean and modern UI including the main chat application, authentication pages, and a worspace wizard.

Well documented

Moebius is a thoroughly documented template which covers everything from getting started to having all of the project setup and ready to go. Check out the template documentation.

Responsive design

Moebius is built with Bulma CSS, wich is natively fit for mobile and tablets, as a mobile first CSS framework. Moebius is ultra responsive and handles all types of viewports, such as mobile devices and tablets in both orientations.

Template features

  • Vue 3 Composition API
  • Full Typescript implementation
  • Native Dark Mode
  • Smooth transitions
  • Approved and easy to use reactive Store
  • Vite, fast & hot reloading
  • Customizable SCSS variables
  • ES Lint and Prettier configured
  • VS Code integration and snippets

NOTE: Please note that photos are not included in the main download files.

Images

Illustrations

70 Sales
Released on Dec 23rd, 2020
Last updated on Jan 11th, 2023
Version v1.5.0
SaaS
Responsive layout
Well documented
Envato Market

High End Design

Our products are defined by the highest design quality for landing pages and web applications. Explore the online demo now.

Project Structure

When it comes to selling digital products, we strongly believe that showing the code base is the best way for a potential customer to know if the products fits his requirements.

Take the time to check the file structure. Hovering each item will show additional details.

  • node_modules
  • public
  • src
    • components
    • composable
    • data
    • directives
    • layouts
    • pages
      • index.vue
    • scss
      • main.scss
    • stores
    • types
    • utils
      • app.ts
  • index.html
  • vite.config.ts
  • tsconfig.json
  • package.json

Try Github access

Starting from the developer license, you get full access to the Moebius Github private repository. This allows to stay up to date by getting the latest commits and to open issues for bug fixes, questions or feature requests.

to see all options

Changelog

We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.

1.5.0 (2023-01-11)

Features

  • migrate to vite 4 + upgrade all dependencies (8a4c9f4)
  • update discord url (b7e8dd5)

GitHub Access

By purchasing this item, you get access to its private GitHub repository.

Pricing options

Select the one of the pricing options below

Regular

Appropriate for a simple or freelancer project

  • Full template
  • Documentation
  • Lifetime updates
  • Up to 1 project
  • Community support
  • -

Extended

Perfect for large scale enterprise projects

  • Full template
  • Documentation
  • Lifetime updates
  • Unlimited projects
  • 48h support
  • Github access