@lote-design-system/gallery-blocks

1.0.0 • Public • Published

Lote Design System

yarn add @lote-design-system/gallery-blocks  

or

npm install @lote-design-system/gallery-blocks   
import React from 'react';
import { createGlobalStyle } from 'styled-components';
import { reset, typography, ThemeProvider } from '@lote-design-system/core';
import { PhotoGallery1 } from '@lote-design-system/gallery-blocks';

const GlobalStyle = createGlobalStyle`
  ${reset};  
  ${typography};  
`;

export default function App() {
  return <PhotoGallery1 />;
}

Documentation

Motivation

Initially, the purpose of this design system is to create any kind of website that we see in our normal life, such as. (Marketing / Agency Website), (Ecommerce Website) and Admin Dashboard. Therefore, the main purpose is to save the developer's time and create a complete set of components so that the developer does not have any difficulty in creating such a website.

Goals

The core goals of this project are to:

  • Promote best practices for accessibility, internationalization, and
    responsive web design.
  • Speed up design and development velocity
  • Help create consistent, beautiful, and usable UI in our applications

We hope to accomplish these goals by:

  • Reducing the number of decisions needed when iterating on UI
  • Reducing the amount of code duplication in our apps
  • Providing easy-to-use and extensible components for anyone to consume.

License

MIT

Package Sidebar

Install

npm i @lote-design-system/gallery-blocks

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

43.3 kB

Total Files

21

Last publish

Collaborators

  • lotesystem