Button
كل نسخة ولون وحركة
مكونات متحركة
132 مكوّنًا مجانيًا تجعل شاشات التطبيق تنبض بالحياة: أرقام متدحرجة، إشعارات متراصّة، تبويبات منزلقة، حقول تهتز. CSS أولًا، مع احترام تقليل الحركة، فاتح وداكن. صفِّ حسب ما يحرّكها.
Ctrl K
132 مكونات
واجهة Core 30
تصفّحPlaygroundمجاني
Badge
الحالة بكل الأنماط
Card
بطاقات متعددة الطبقات بلمسات لونية
Input
تسميات وأيقونات وحالات
Avatar
الحالة والحلقات والمجموعات
Alert
رسائل مضمنة بإجراءات
Tabs
ستة أنماط تبويب وواجهة واحدة
Switch
مفتاح بخمسة أشكال
Checkbox & Radio
مربعات واختيارات وبطاقات
Separator
فواصل بتسميات
Breadcrumb
مسارات تنطوي بترتيب
Pagination
صفحات وأحجام وقفزات
Heading
خط عناوين بحركة
Text
خط نصوص بإعدادات جاهزة
Link
سبعة أنماط للتسطير
Kbd
مفاتيح تتفاعل مع الضغط
Stat Card
مؤشر مع اتجاهه
Select
قابل للبحث ومجمّع ومتعدد
Dialog & Sheet
نوافذ حوار وألواح
Tooltip
تلميحات غنية باختصارات
Popover
لوحات عائمة
Dropdown Menu
قوائم بقوائم فرعية
Combobox
بحث بنتائج غير متزامنة
Date Picker
تواريخ ونطاقات ووقت
Multi-step Form
معالجات بتحقق
Number Input
عدّادات بتنسيق
Rating
نجوم بنصف قيمة
Toggle Group
اختر واحدًا أو أكثر
Table
فرز وتكديس وتلوين الصفوف
Data Grid
عدّل وثبّت وصدّر
الأرقام والبيانات 8
تصفّحNumber flow
الأرقام تتدحرج إلى القيمة الجديدة
Counter up
يعدّ تصاعديًا عند الظهور
Usage meter
استخدام يحذّر عند الامتلاء
Progress
أشرطة بكل الأنماط
Circular progress
حلقات ومقاييس
Sparkline draw
مخطط صغير يرسم نفسه
Delta badge
ارتفاع أو انخفاض بنظرة
Cell flash
خلايا تومض عند تغيّر القيم
التغذية الراجعة 7
تصفّحToast stack
إشعارات تتكدس وتتفرد
Notification badge
عدّادات تقفز وتنبض
Skeleton auto
هياكل تحميل من تخطيطك الفعلي
Spinners
ست أيقونات تحميل بخاصية واحدة
Multi-step loader
مهام طويلة خطوة بخطوة
Confetti
انفجار احتفال
Success check
علامة صح ترسم بوميض
التنقل 6
تصفّحTabs indicator
مؤشر ينساب بين التبويبات
Segmented control
مفتاح منزلق بنمط iOS
Stepper
خطوات تمتلئ وتُعلَّم
Dock
شريط macOS يتكبّر
Bottom navigation
شريط تبويب للجوال بكبسولة منزلقة
Command palette morph
حقل بحث يتحول إلى لوحة أوامر
الطبقات العلوية 5
تصفّحMorphing dialog
بطاقة تتوسع إلى نافذة
Spring drawer
لوحة نابضة تُسحب لإغلاقها
Popover morph
زر ينمو إلى لوحة
Animated tooltip
تلميحات تظهر بنبضة
Stagger dropdown
عناصر القائمة تظهر تباعًا
القوائم والجداول 6
تصفّحAccordion height
ارتفاع سلس بلا قفزات
List reorder
اسحب لإعادة الترتيب بنبضة
Table row presence
صفوف تدخل وتخرج
Animated list
العناصر الجديدة تدخل من الأعلى
Tree expand
مجلدات تنفتح
Expandable row list
صفوف تنفتح في مكانها
حقول الإدخال 10
تصفّحTag input
شارات مع اقتراحات
OTP input
رمز لمرة واحدة بانتقال تلقائي
Floating label input
التسمية تطفو عند التركيز
Vanish input
نصوص مؤقتة تتبدل وتختفي
Input shake
يهتز عند الخطأ ويُعلَّم عند النجاح
Spring switch
مفتاح بإبهام نابض
Drawn checkbox
علامة الصح ترسم نفسها
Slider with tooltip
شريط نطاق بقيم مباشرة
Expanding search
بحث ينفتح عند الحاجة
File drop zone
منطقة إفلات بتقدم الرفع
الأزرار 10
تصفّحShimmer button
لمعة تمر عبر الزر
Ripple button
حبر ينتشر من النقرة
Rainbow button
حدّ قوس قزح متدفق
Border beam button
شعاع يدور حول الحدّ
Magnetic button
ينجذب نحو المؤشر
Stateful button
التحميل والنجاح والخطأ مدمجة
Copy button
نسخ بعلامة تتحول
Hold to confirm
اضغط مطولًا لتأكيد الإجراءات الحساسة
Liquid glass button
زجاج مصنفر بعدسة منزلقة
Theme toggle
من الفاتح إلى الداكن بمسح دائري
النص 9
تصفّحText reveal
كلمات تتضح من الضبابية
Typewriter
يكتب العبارات ويمحوها
Word rotate
كلمة واحدة تتغير باستمرار
Shiny text
لمعان يمر فوق النص
Gradient text
عناوين بتدرج متحرك
Scramble text
حروف تُفكّ وتستقر
Highlighter
خط قلم تظليل مرسوم باليد
Text morph
حروف تتحول إلى كلمة جديدة
Scroll velocity
نص يتسارع مع التمرير
البطاقات والتأثيرات 6
تصفّحSpotlight card
ضوء يتبع المؤشر
Tilt card
إمالة ثلاثية الأبعاد بطبقات عمق
Border beam
ضوء يدور حول البطاقة
Glow border
توهج ناعم متحرك
Progressive blur
المحتوى يذوب في الضبابية
Expandable card
بطاقة تنفتح في مكانها
الخلفيات 5
تصفّحDot grid
نقاط تضيء قرب المؤشر
Flickering grid
شبكة تومض بهدوء
Aurora
شفق قطبي بطيء
Particles
جسيمات عائمة متصلة
Marquee
شريط يتحرك بلا نهاية
الذكاء الاصطناعي والوكلاء 16
تصفّحChat message
رسائل بماركداون وإجراءات
Streaming text
نص يتدفق تدريجيًا
Tool call
تشغيل الأدوات مع الحالة
Reasoning block
تفكير قابل للتوسيع
Model picker
اختر نموذجًا حسب السرعة والسعر
Chat composer
مربع كتابة بملفات وأوامر
Citations
مصادر مضمنة
Agent plan
قائمة مهام للوكيل مباشرة
Token meter
شاهد السياق يمتلئ
Voice orb
كرة تتفاعل مع الصوت
Diff view
راجع التغييرات كتلة بكتلة
Code block
شيفرة مميزة مع نسخ
Suggestion chips
بدايات للأوامر
Thread list
سجل محادثات مع بحث
Eval score
درجات مقابل حدّ
Typing indicator
شخص ما يكتب
المخططات 14
تصفّحArea chart
اتجاهات ممتلئة قابلة للتمرير
Line chart
خطوط ترسم نفسها
Bar chart
أعمدة مجمعة أو مكدسة
Donut chart
حصة من الكل
Radial progress
حلقات أهداف متحدة المركز
Heatmap
النشاط بنظرة
Funnel chart
أين يغادر الناس
Gauge
رقم واحد على مؤشر
Bump chart
الترتيب عبر الزمن
Treemap
الأحجام كبلاطات
Timeline chart
مخطط جانت للخطط
Waterfall chart
صعود وهبوط حتى المجموع
KPI trend
رقم مع خط اتجاهه
Chart legend
انقر لإخفاء سلسلة