- What is Neumorphism?
- What is ShadeCraft?
- Examples of Works
- Component Showcase
- List of Components
- Thanks to Neumorphism UI Designers
Neumorphism is a virtual design trend, also known as "new skeuomorphism" or "neo-skeuomorphism". It is a design style that combines flat design with real-world elements, featuring a three-dimensional appearance and soft shadows, and uses highlights and shadows to simulate the texture of surfaces.
The structure of the Neumorphism style is as follows：
It consists of three main components: 1 background and 2 shadows. Based on this, different effects can be achieved by changing the color and size parameters.
ShadeCraft is a Compose component library in the Neumorphism style. It enables developers to quickly build apps with a Neumorphism design.
Each design element presents a soft and three-dimensional texture, as if one can feel the comfortable touch at any moment. The shadow gradients and gentle edge effects outline the depth and layering of the elements, liberating them from the flat world. Meanwhile, these elements also maintain a delicate craftsmanship texture, as if they were meticulously polished by skilled artisans.
Components can be adjusted for brightness, shadow offset, color, and blur intensity to achieve the desired effect.
- ShadeButton
- ShadeCalorVerticalProgress
- ShadeCard
- ShadeCircleProgressConcave
- ShadeCircleProgressConvex
- ShadeCircleProgressMixed
- ShadeIconButton
- ShadeImageButton
- ShadeLight
- ShadeLinearProgressIndicator
- ShadeRadioButton
- ShadeScaleOption
- ShadeSearchBar
- ShadeSlider
- ShadeTabElevated
- ShadeTabPathBar
- ShadeTabRow
- ShadeTimepiece
- ShadeToggle
- ShadeToggleConcave
- ShadeValueIndicator
- ShadeWaterRipple
- ShadeWaveProgress
The interface examples in this project are inspired by the designs of many excellent designers, all of whom are very talented and professional. I am very grateful for their designs.