ডিজাইন টুলস — বিনামূল্যে অনলাইন
13টি টুলডিজাইন ও CSS টুলস: কালার পিকার, গ্রেডিয়েন্ট বিল্ডার, শ্যাডো জেনারেটর এবং CSS ইউটিলিটি টুলস।
WCAG ও APCA কনট্রাস্ট চেকার
WCAG 2.1 রেশিও ও মডার্ন APCA স্কোর সহ রিয়েল-টাইম ভিজুয়াল সিমুলেশনে কালার অ্যাক্সেসিবিলিটি যাচাই।
CSS অ্যানিমেশন জেনারেটর
লাইভ প্রিভিউ ও ইজিং কন্ট্রোল সহ হাই-পারফরম্যান্স keyframe অ্যানিমেশন ভিজুয়ালি ডিজাইন করুন।
CSS Border Radius জেনারেটর
অ্যাডভান্সড ৮-পয়েন্ট CSS border-radius ভিজুয়ালি তৈরি করুন। বৃত্ত, অর্গানিক শেপ ও বিস্তৃত ফিগার।
CSS Box Shadow জেনারেটর
রিয়েল-টাইম প্রিভিউ ও inset সাপোর্ট সহ অ্যাডভান্সড মাল্টি-লেয়ার CSS শ্যাডো ভিজুয়ালি ডিজাইন করুন।
CSS ফিল্টার জেনারেটর
লাইভ প্রিভিউ ও কোড এক্সপোর্ট সহ ব্লার, কনট্রাস্ট ও ব্রাইটনেসের মতো CSS ফিল্টার রিয়েল-টাইমে ইমেজে প্রয়োগ।
CSS Flexbox জেনারেটর
কন্টেইনার ও আইটেম প্রপার্টির জন্য ইন্টারেক্টিভ স্যান্ডবক্স সহ ফ্লেক্সিবল লেআউট ভিজুয়ালি ডিজাইন করুন।
CSS Grid জেনারেটর
জটিল 2D লেআউট ভিজুয়ালি ডিজাইন করুন। গ্রিড এরিয়া তৈরি করতে ড্র্যাগ করুন, ট্র্যাক অ্যাডজাস্ট করুন ও ক্লিন CSS এক্সপোর্ট করুন।
PX থেকে REM কনভার্টার
Tailwind CSS ম্যাচিং, ফ্লুইড টাইপোগ্রাফি clamp() জেনারেটর ও ব্যাচ CSS কনভার্শন সহ দ্বিমুখী px/rem কনভার্টার।
SVG থেকে CSS কনভার্টার
background-image, mask-image ও Tailwind আউটপুট ফরম্যাটে SVG আইকন অপ্টিমাইজড CSS data URI-তে রূপান্তর।
Favicon জেনারেটর
টেক্সট, ইমোজি বা ইমেজ থেকে ICO, PNG, SVG ও PWA বান্ডেল ফরম্যাটে ডার্ক মোড সাপোর্ট সহ favicon তৈরি।
CSS গ্রেডিয়েন্ট জেনারেটর
OKLCH ইন্টারপোলেশন ও গ্রেইন টেক্সচার ওভারলে সহ লিনিয়ার, রেডিয়াল ও কনিক্যাল টাইপের ভিজুয়াল এডিটরে আকর্ষণীয় CSS গ্রেডিয়েন্ট তৈরি।
কালার প্যালেট জেনারেটর
ছয় হারমনি মোড, WCAG কনট্রাস্ট ম্যাট্রিক্স ও CSS/Tailwind/JSON এক্সপোর্ট সহ OKLCH-তে হারমোনিয়াস কালার প্যালেট তৈরি।
কালার পিকার
ইন্টারেক্টিভ HSV ক্যানভাসে কালার সিলেক্ট, HEX, RGB, HSL ও OKLCH-র মধ্যে কনভার্ট ও সাদা ও কালোর বিপরীতে WCAG কনট্রাস্ট রেশিও চেক।