# Neumorphism_Smarthome_Lightmode

**Repository Path**: openharmony-sig/Neumorphism_Smarthome_Lightmode

## Basic Information

- **Project Name**: Neumorphism_Smarthome_Lightmode
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2022-04-16
- **Last Updated**: 2025-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Neumorphism_Smarthome_Lightmode

一Neumorphism design for Smart Home - Light Mode in OpenHarmony.

## Download & Install

Install using npm

```npm i hmos-neumorphism ```

Details about OpenHarmony NPM environment configuration, see at [here](https://gitee.com/openharmony-tpc/docs/blob/master/OpenHarmony_npm_usage.md)

## Usage Instructions

Import all components at once

```html
<element name='neutheme' src='hmos-neumorphism/theme/theme.hml'></element>
<element name='neualert' src='hmos-neumorphism/alert/alert.hml'></element>
<element name='neuavatar' src='hmos-neumorphism/avatar/avatar.hml'></element>
<element name='neubutton' src='hmos-neumorphism/button/button.hml'></element>
<element name='neubuttons' src='hmos-neumorphism/buttons/buttons.hml'></element>
<element name='neucard' src='hmos-neumorphism/card/card.hml'></element>
<element name='neucheckbox' src='hmos-neumorphism/checkbox/checkbox.hml'></element>
<element name='neudropdown' src='hmos-neumorphism/dropdown/dropdown.hml'></element>
<element name='neuform' src='hmos-neumorphism/form/form.hml'></element>
<element name='neuinput' src='hmos-neumorphism/input/input.hml'></element>
<element name='neulabel' src='hmos-neumorphism/label/label.hml'></element>
<element name='neunavbar' src='hmos-neumorphism/navbar/navbar.hml'></element>
<element name='neupagination' src='hmos-neumorphism/pagination/pagination.hml'></element>
<element name='neuprogress' src='hmos-neumorphism/progress/progress.hml'></element>
<element name='neuradio' src='hmos-neumorphism/radio/radio.hml'></element>
<element name='neuswitcher' src='hmos-neumorphism/switcher/switcher.hml'></element>
<element name='neucarousel' src='hmos-neumorphism/carousel/carousel.hml'></element>
```

Use respective components to create below Living room design.
Reference Neumorphism library repo for more [details](https://gitee.com/openharmony-sig/Neumorphism)

## Living Room Design with Neumorphism:


<p float="left" >
<img src="sample_images/phone.png" width="200px" height="">
<img src="sample_images/matepad.png" width="500px" height="">
</p>


## Compatibility
Supports OpenHarmony API version 6

## Code Contribution
If you find any problems during usage, you can submit an [Issue](https://gitee.com/openharmony-sig/Neumorphism_Smarthome_Lightmode/issues) to us. Of course, we also welcome you to send us [PR](https://gitee.com/openharmony-sig/Neumorphism_Smarthome_Lightmode/pulls).

## Open source License
This project is based on [Apache License 2.0](https://gitee.com/openharmony-sig/Neumorphism_Smarthome_Lightmode/blob/master/LICENSE.txt) ，please enjoy and participate in open source freely.

# Reference:

Design by : Dharma Seelan

<a href="sample_images/design.png">Original Design Mockup</a>