Button
हर वेरिएंट, टोन और एनिमेशन
एनिमेटेड कंपोनेंट
132 मुफ़्त कंपोनेंट जो ऐप स्क्रीन में जान डाल देते हैं: रोलिंग नंबर, स्टैक्ड टोस्ट, स्लाइडिंग टैब, हिलते इनपुट। CSS पहले, reduced motion का सम्मान, लाइट और डार्क। इस आधार पर फ़िल्टर करें कि उन्हें क्या हिलाता है।
Ctrl K
132 कंपोनेंट
Core UI 30
ब्राउज़ करेंPlaygroundमुफ़्त
Badge
हर शैली में स्टेटस
Card
एक्सेंट वाले परतदार कार्ड
Input
लेबल, आइकन और स्थितियाँ
Avatar
स्टेटस, रिंग और ग्रुप
Alert
एक्शन वाले इनलाइन संदेश
Tabs
छह टैब शैलियाँ, एक API
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
अपने-आप आगे बढ़ने वाला OTP
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
गहराई वाली परतों के साथ 3D झुकाव
Border beam
कार्ड के चारों ओर घूमती रोशनी
Glow border
हल्की एनिमेटेड चमक
Progressive blur
कंटेंट धुंध में घुलता है
Expandable card
वहीं खुलने वाला कार्ड
बैकग्राउंड 5
ब्राउज़ करेंDot grid
पॉइंटर के पास जलते बिंदु
Flickering grid
हल्का टिमटिमाता ग्रिड
Aurora
धीमी उत्तरी रोशनी
Particles
जुड़े हुए तैरते कण
Marquee
अंतहीन चलता बैंड
AI और एजेंट 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
क्लिक करके सीरीज़ छिपाएँ