[PAID] NeuMorphZ - Introducing Neumorphic CardView

[nikzdevz]

Hey Everyone,
Here is my new extension using which you can create neumorphism.

Also you can use it as Simple CardView with different corner radius and different shadow color.

Blocks

To Create Card

All blocks to create a card have many similar properties so explaining it in below -

id - Unique id for to create any new card
arrangement - Any Horizontal or Vertical on which you want to create Neumorphism effect
style - Type of neumorph effect you want
radius - This parameter is only in available in CreateCard. Radius must be given as string of all corners by separating it with , w.r.t. TopLeft, TopRight, BottomRight, BottomLeft. If you give two values then it will take first value as both Top Corner and Bottom Corner radius. If you give one value then it will be same for all corners
cornerRadius - This parameter is only available in PolygonCard. its value of all the corner radius.
ShadowPositionXY - X and Y Positon of shadow must be given as string respectively by separating with comma , . if given one value then it will be taken for both X and Y.
lightColor - the light color of shadow.
darkColor - the dark color of shadow you want.
backgroundColor - as name says its a background color of card you are creating

SetStyle

Its a simple block to change the neumorphic effect of the card you created

SetClickable

This block can be used to enable and disable click. Also you can trigger touch animation using it.

SetBorder

Using this block you can set border of any size and color in the card.

Type of Style

These are some type of supported style to create neumorphic effect

Events

This event will be triggered when card will get a click or long click

Example

The preview of above block is the first circle card in the preview shared below

Preview

Preview of Neumorphism CardView in Kodular,App Inventor

Versions

Version 1
Version 2

How to buy?

Upi/Paytm/GPay - Rs.500
Transfrwise/Paypal/Skrill - $9

Thanks you so much

[Muhendis_Matematik (Mühendis Matematik)]

Great , thank you

[luv.ak.tech (Aarush Kumar)]

how can we add views in it?

[nikzdevz]

@Muhendis_Matematik

Great , thank you

Thanks you so much

@luv.ak.tech

how can we add views in it?

@nikzdevz

Any Horizontal or Vertical on which you want to create Neumorphism effect

So you can add view to horizontal or vertical arrangment

[nikzdevz]

Example has been added in the first post

@nikzdevz

Example

[WeMakeBest]

OP (katai tabahi) Nice work @nikzdevz

[nikzdevz]

@WeMakeBest

Nice work

Thanks you so much @WeMakeBest
and its katai tabahi i think

[WeMakeBest]

Changed.

@nikzdevz

katai tabahi

[Anil_M (Codal Inc.)]

Nice Extension

[Prem1 (Prem)]

Wow, amazing extension

[sergii (Chudesa Bojii)]

Good, also this may make with Shadow Layout+KevinkunEnhance

[Free] Enhance Extension to create stylish card views

I have made a extension called Enhance, and can make this type view: [IMG_20201231_222102] [2020-12-31_222208] cn.kevinkun.KevinkunEnhance.aix (17.0 KB)

[Free] Shadow Layout : Apply Elevation to any Arrangement

Hi All, am here to introduce you to my new extension which is the Shadow Layout Extension Introduction An extension to apply and control elevation colours to an arrangement. Change properties like shadow angle, shadow radius, shadow distance and shadow colour! A small yet very useful extension ! Made by Me and Xoma AKA Kumaraswamy Documentation Initialize Shadow Layout [Initialize Block] Inputs : arrangement: Parent arrangement child: Target arrangement of the shadow layout Shadow C…

[themaayur (Mayur Berad)]

I have tried the extension, and it’s easy to use. I was trying to make neomorphic design in kodular from long time, but can’t succeeded. But this extension fulfilled my needs.

I know it would be better than this, but I am learning to use colour combinations

Great Extension @nikzdevz

[nikzdevz]

@sergii

Shadow Layout+KevinkunEnhance

You must give a try as you cant use two shadow color also if you use different corner radius then the arrangement will got outside the edge or border

[nikzdevz]

@themaayur

Great Extension

Thnx you so much @themaayur

[Haivaan]

Guys like you are pushing the limits of no-code environment everyday. Hats off to you br0th3r.

[Xoma (Kumaraswamy)]

Please do not compare extensions or post this way. Extensions are unique and differ in features and other things. BTW this is a nice extension. Especially for Designers like me long ago

@nikzdevz

outside the edge or border

I’ve seen people who efficiently solved the problem using some calculations

[sergii (Chudesa Bojii)]

@nikzdevz

two shadow

create 2 shadow arrangement

[nikzdevz]

@Xoma

Please do not compare extensions or post this way.

I have not compared in opposing manner also i just said about clipping

@sergii

create 2 shadow arrangement

its a trick and you can
but what about neumorphic click animation
styles and custom corner radius and many more things

A preview of inner shadow -

A preview of click animation-

Neumorphism and Shadow are two other thing.
As @Xoma said

@Xoma

Please do not compare extensions or post this way. Extensions are unique and differ in features and other things. BTW this is a nice extension

@Xoma

I’ve seen people who efficiently solved the problem using some calculations

I think that will not be this effective

[bodymindpower (Anke)]

Very nice. If I buy the extension, is there a little test aia that shows the effects, as seen in the video? I have little time to get used to it.

[Xoma (Kumaraswamy)]

You just misunderstood me Nik.

@nikzdevz

I have not compared in opposing manner also i just said about clipping

I was saying it to @sergii