https://github.com/fornewid/neumorphism

Try to Neumorphism in Android (Just experimental!! 🧪)
https://github.com/fornewid/neumorphism

android design experimental neumorphism widgets

Last synced: 1 day ago
JSON representation

Try to Neumorphism in Android (Just experimental!! 🧪)

• Host: GitHub
• URL: https://github.com/fornewid/neumorphism
• Owner: fornewid
• License: apache-2.0
• Created: 2020-03-05T10:48:41.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2022-04-05T15:53:04.000Z (almost 3 years ago)
• Last Synced: 2025-02-12T10:12:38.688Z (8 days ago)
• Topics: android, design, experimental, neumorphism, widgets
• Language: Kotlin
• Homepage: https://medium.com/@fornewid/neumorphism-in-android-9cf15e2122dc
• Size: 2.91 MB
• Stars: 988
• Watchers: 20
• Forks: 163
• Open Issues: 37
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        







Neumorphism in Android





  This is the experimental codes to build Neumorphism designs in Android.


  Not a library. Just sample project now.


  

















Preview

Light    |    Dark



 



## Dependency

Add this in your root `build.gradle` file (**not** your module `build.gradle` file):

```gradle

allprojects {

    repositories {

        maven { url "https://jitpack.io" }

    }

}

```

Then, add the library to your module `build.gradle`

```gradle

dependencies {

    implementation 'com.github.fornewid:neumorphism:{latest_version}'

}

```

## Features

- Draw a shadow background on widgets for Neumorphism.

  Supported on the following widgets:

  - ViewGroup: CardView

  - View: Button, FloatingActionButton, ImageView

- Draw a text shadow on TextView for Neumorphism.

> If you want more features or want to fix bugs, please click [new issue](https://github.com/fornewid/neumorphism/issues/new/choose) and report to me!

## Usage

There is a [sample](https://github.com/fornewid/neumorphism/tree/main/sample) provided which shows how to use the library:

```xml

    

    

    <item name="neumorph_cornerFamily">{rounded|oval}</item>

    <item name="neumorph_cornerSize">32dp</item>

    <!-- Or if wants different radii depending on the corner. -->

    <item name="neumorph_cornerSizeTopLeft">16dp</item>

    <item name="neumorph_cornerSizeTopRight">16dp</item>

    <item name="neumorph_cornerSizeBottomLeft">16dp</item>

    <item name="neumorph_cornerSizeBottomRight">16dp</item>

```

- #### LightSource

| LEFT_TOP | LEFT_BOTTOM | RIGHT_TOP | RIGHT_BOTTOM |

| :--: | :-----: | :---: | :---: |

|  |  |  |  |

- #### ShapeType

| FLAT | PRESSED | BASIN |

| :--: | :-----: | :---: |

|  |  |  |

## License

```

Copyright 2020 SOUP

Licensed to the Apache Software Foundation (ASF) under one or more contributor

license agreements. See the NOTICE file distributed with this work for

additional information regarding copyright ownership. The ASF licenses this

file to you under the Apache License, Version 2.0 (the "License"); you may not

use this file except in compliance with the License. You may obtain a copy of

the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

License for the specific language governing permissions and limitations under

the License.

```