vie-layout

vie-layout is a React library that provides common layouts for website development. It simplifies the process of building consistent and reusable layouts for various types of web applications, such as Landing Pages, Dashboards, E-commerce sites, and Administrator panels.

Features

• Pre-built layouts for common use cases:
  • Landing Pages
  • Dashboards
  • E-commerce websites
  • Administrator panels
• Customizable and themeable components
• Lightweight and easy to integrate
• Built with modern technologies like React and Styled-components

Installation

npm install vie-layout

or

yarn add vie-layout

Usage

Here is a basic example of how to use vie-layout in your React application:

import React from 'react';
import { ThemeProvider, DashboardLayout } from '@vie/vie-layout';

const App = () => {
  return (
    <ThemeProvider theme="dark">
      <DashboardLayout>
        <h1>Welcome to the Dashboard</h1>
        {/* Add your content here */}
      </DashboardLayout>
    </ThemeProvider>
  );
};

export default App;

Available Layouts

• LandingPageLayout: Ideal for creating modern and responsive landing pages.
• DashboardLayout: Perfect for building dashboard-style web # applications.
• EcommerceLayout: Optimized for creating e-commerce websites.
• AdminLayout: Designed for administrator panels with a focus on usability.
• Customization UI

Contributing

Contributions are welcome! If you'd like to improve vie-layout, please feel free to submit issues or pull requests on GitHub.

License

This project is licensed under the MIT License. See the LICENSE file for details.