Awrora Starter

screenshot of Awrora Starter
nuxt
vue
scss
material-ui
vuetify

Awrora Starter

Landing page template built with one of most popular javascript library Vue.JS, Vuetify (Material Design) and Nuxt.JS with SSR.

Overview

The Awrora Starter is a Vue JS Landing Page Template that is built with popular javascript libraries such as Vue.JS, Vuetify, and Nuxt.JS with SSR. It offers a modern design with a multi-color scheme and features like different header and footer types, dark mode, RTL support, and multilanguage support. It also includes interactive and attractive elements like animations, parallax effects, scrolling effects, and video backgrounds. The template is written in ES6 and follows a responsive design based on a standard 12 Grid System.

Features

  • Modern Technologies: Built with Vue.JS, Vuetify, and Nuxt.JS with SSR.
  • Premium Designs: Simple and elegant multi-color scheme.
  • More Variant Components: Includes 7 Header types and 4 Footer types, with Scroll Page Navigator and Chat Panel.
  • Dark Mode: Creative and modern design with a dark mode option.
  • RTL Support: Adjust styling for right-to-left languages with rtl-sass.
  • Support Multilanguage: Includes 6 translations - English, Deutsch, Arabic, Chinese, Bahasa Indonesia, and Español.
  • Interactive and Attractive Show: Includes stunning animations, parallax effects, scrolling effects, and video backgrounds.
  • Next Generation JavaScript: Written in ES6 with clean and maintainable code.
  • Responsive Design: Based on a standard 12 Grid System.
  • Support for Mono Repo: Modern architecture for managing modules in multiple projects.
  • Clean Code Maintenance: Code is maintained by eslint.
  • Fully Vector Icons and Font Icons: Offers a variety of icons for use.
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

vuetify
Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.

ecommerce
Ecommerce

Ecommerce websites sell products or services to customers through an online storefront. These websites typically include features such as product listings, shopping carts, payment processing, and order management tools.

landing-page
Landing Page

A landing page is a standalone web page designed to promote a specific product, service, or offer. Landing pages are used in marketing campaigns to drive conversions and increase revenue, and typically include a clear call to action, minimal distractions, and a focus on the benefits of the product or service.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

Dark Mode

Dark mode is a user interface option that uses a dark color scheme instead of light. It reduces eye strain and improves visibility in low-light conditions. Implementing dark mode in a website or application involves updating the styles and color palette to support both light and dark modes.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.