Oiron Starter
Landing page template built with one of most popular javascript library React.js, Material UI (Material Design) and Next.JS with SSR.
Overview
Oiron Starter is a React JS Landing Page Template that is built with modern technologies including React.JS, Material UI, and Next.JS. It offers a creative and modern design with dark mode support, RTL adjustment styling, and multilanguage support. The template also includes various interactive and attractive features such as stunning animations, parallax effects, scrolling effects, and video backgrounds. It is written in ES6 and follows a responsive design based on the standard 12 Grid System. Oiron Starter offers clean code maintained by eslint and supports mono repo for managing modules in multiple projects.
Features
- Modern Technologies: Built with React.JS, Material UI, and Next.JS.
- More Variant Components: Includes 7 Header types and 4 Footer types, along with Scroll Page Navigator and Chat Panel.
- Dark Mode: Offers a creative and modern design with a dark mode option for easy viewing.
- RTL Support: Supports RTL adjustment styling with rtl-sass.
- Support Multilanguage: Includes 6 translations: English, Deutsch, Arabic, Chinese, Bahasa Indonesia, and Español.
- Interactive and Attractive: Provides stunning animations, parallax effects, scrolling effects, and video backgrounds.
- Next Generation JavaScript: Written in ES6.
- Responsive Design: Based on the standard 12 Grid System.
- Support for Mono Repo: Implements modern architecture for managing modules in multiple projects.
- Clean Code: Maintained by eslint.
Summary
Oiron Starter is a modern React JS Landing Page Template that offers various features to create an interactive and attractive website. With its support for modern technologies, dark mode, RTL adjustment styling, and multilanguage support, it provides flexibility and customization options. The template's aesthetic design and use of stunning animations and effects make it a great choice for creating visually appealing websites. Additionally, its clean code and responsive design ensure a high-quality user experience.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- 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.
- 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
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.
- 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 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.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.