Xem trước
flat
Neumorphism Generator giúp bạn tạo hiệu ứng soft UI với double shadow đặc trưng. Điều chỉnh màu nền, khoảng cách, blur và chọn giữa 4 shape: Flat, Pressed, Concave, Convex.
Soft UI hiện đại
Neumorphism tạo cảm giác 3D tinh tế, nổi hay lõm nhẹ nhàng.
Tương phản thấp
Phù hợp cho dark mode hoặc giao diện minimal, monochromatic.
CSS thuần túy
Chỉ cần box-shadow kép với màu sáng và tối.
Pressed & raised state
Tạo trạng thái nhấn hoặc nổi cho buttons, cards.
01
Chọn màu nền
Màu nền là trung tâm — light và dark shadow được tính từ màu này.
02
Chỉnh Distance
Khoảng cách shadow offset xác định độ sâu của hiệu ứng.
03
Chỉnh Blur
Blur radius của shadow, thường 2–3 lần Distance.
04
Chọn Shape
Flat (nổi), Pressed (inset), Concave hoặc Convex.
Flat (Raised)
Box shadow hai phía: sáng trên-trái, tối dưới-phải. Tạo cảm giác nổi lên.
Pressed (Inset)
Inset shadow: tối trên-trái, sáng dưới-phải. Tạo cảm giác lõm xuống.
Concave
Gradient từ tối đến sáng kết hợp với outer shadow.
Convex
Gradient từ sáng đến tối — giống như bề mặt cong lồi.
UI Designer
Thử nghiệm nhiều biến thể neumorphism và tìm style phù hợp với dự án.
Developer
Copy CSS box-shadow chính xác mà không cần tính toán thủ công.
Prototyping
Nhanh chóng tạo UI mockup với phong cách soft UI ấn tượng.