التصنيفات
التصميم والموارد
توليد ألوان وCSS وأصول تصميم خفيفة. هذه المجموعة تجمع صفحات سريعة ومركزة لحل مهمة واحدة بوضوح.
50 أدوات
Article Schema مولد
إنشاء Article JSON-LD schema.
Aspect Ratio حاسبة
Compute simplified aspect ratios و CSS aspect-ratio values.
Barcode مولد
إنشاء barcode صورةs لـ product IDs و codes.
Baseline Grid مولد
إنشاء baseline grid specs و CSS لـ vertical rhythm.
Border Radius مولد
إنشاء border-radius CSS من corner values.
Box Shadow مولد
إنشاء CSS box-shadow values مع custom offsets و blur.
Breadcrumb Schema مولد
إنشاء JSON-LD breadcrumb schema.
Card Hover CSS مولد
إنشاء card hover CSS snippet.
Contrast فاحص
Calculate WCAG contrast ratio between two لونs.
CSS Button مولد
إنشاء styled CSS button code.
CSS Clamp مولد
إنشاء fluid CSS clamp() values لـ typography.
CSS Gradient مولد
إنشاء a linear gradient و copy the CSS instantly.
CSS Gradient نص مولد
إنشاء CSS لـ gradient-لونed نص.
CSS Minifier
Minify CSS by removing comments و extra whitespace.
CSS Transلـm مولد
Build CSS transلـm strings من common transلـm values.
CSS Triangle مولد
إنشاء CSS triangles لـ arrows و indicators.
CSS منسق
Pretty-print CSS مع readable indentation.
Dot Pattern CSS مولد
إنشاء dotted background CSS pattern.
Emذكاء اصطناعيl Signature مولد
Create a polished emذكاء اصطناعيl signature block.
Event Schema مولد
إنشاء Event JSON-LD structured data.
Favicon مولد
Create a simple SVG favicon من initials و brو لونs.
Floating Label Input CSS مولد
إنشاء floating label input CSS.
Focus Ring CSS مولد
إنشاء accessible focus-ring CSS.
Glass Panel CSS مولد
إنشاء glassmorphism panel CSS.
Gradient Border CSS مولد
إنشاء gradient border CSS styles.
Hero Background CSS مولد
إنشاء hero background CSS.
Local Business Schema مولد
إنشاء LocalBusiness JSON-LD schema.
Modal Backdrop CSS مولد
إنشاء modal backdrop CSS effect.
Neumorphism Panel CSS مولد
إنشاء neumorphism panel CSS.
Noise Overlay CSS مولد
إنشاء noise overlay CSS style.
Outline Button CSS مولد
إنشاء minimal outline button CSS.
Pill Badge CSS مولد
إنشاء pill badge CSS style.
Placeholder SVG مولد
إنشاء customizable placeholder SVG صورةs.
Pricing Card CSS مولد
إنشاء pricing card CSS styles.
Product Schema مولد
إنشاء Product JSON-LD schema markup.
QR Code مولد
إنشاء QR code صورة links لـ URLs و نص.
Robots Meta Tag مولد
إنشاء robots meta tags لـ indexing controls.
Shadow Palette مولد
إنشاء a 5-step CSS shadow scale.
Skeleton Loader CSS مولد
إنشاء skeleton loading CSS snippet.
Spinner Loader CSS مولد
إنشاء CSS spinner loader snippets.
SVG Optimizer
Strip comments و collapse whitespace in SVG markup.
SVG إلى Data URI
Convert SVG markup into a CSS-ready data URI.
Toast CSS مولد
إنشاء toast notification CSS style.
Twitter Card مولد
إنشاء Twitter card meta tags لـ pعمرs.
Wave Divider CSS مولد
إنشاء wave divider CSS/SVG snippet.
Zebra Table CSS مولد
إنشاء zebra stripe table CSS.
أداةtip CSS مولد
إنشاء أداةtip CSS style snippets.
لون Palette مولد
إنشاء lighter و darker shades من a base لون.
لون محول
Convert between HEX, RGB, و HSL لون لـmats.
نص Shadow CSS مولد
إنشاء نص-shadow CSS quickly.