प्राइसिंग टेबलब्लॉक्स
अपने प्लान दिखाने के लिए साफ़-सुथरी प्राइसिंग टेबल. नियोब्रूटलिस्ट लुक वाले रेडीमेड React UI ब्लॉक्स — हीरो, प्राइसिंग, ऑथ, डैशबोर्ड और भी बहुत कुछ। हर स्क्रीन साइज़ में प्रीव्यू करें, कोड कॉपी करें, या हमारे MCP सर्वर से AI एजेंट के ज़रिए इंस्टॉल करें। Radix UI, Base UI और React Aria के साथ चलते हैं।
- Hero, प्राइसिंग और auth
- हर ब्रेकपॉइंट का पूर्वावलोकन करें
- स्रोत की प्रतिलिपि बनाएँ
- MCP स्थापित करने के लिए तैयार
- Radix · Base UI · React Aria
- 158 तैयार-निर्मित ब्लॉक
- पृष्ठ के शिपिंग वाले खंड
- डैशबोर्ड और विपणन
- Pro कोड अनलॉक करता है
- ड्रॉप-इन लेआउट
हर लेआउट ब्राउज़ करें
प्राइसिंग टेबल
11 ब्लॉक्स — पूर्ण स्क्रीन प्रीव्यू, कोड और इंस्टॉल स्टेप्स के लिए किसी भी कार्ड को खोलें।
- 01Pro
कलर-कोडेड प्राइसिंग टियर्स
तीन टियर, हर एक अपने रंग की बैंड से; मंथली–ईयरली टॉगल और इनसेट फ़ीचर पैनल। React और Tailwind — बैंड प्लान के हिसाब से रंगें।
- 02Pro
ईमेल कैप्चर प्राइसिंग बेंटो
रो का आधा हिस्सा फ़्री-ट्रायल ईमेल कैप्चर पैनल को, बगल में ब्रांड कैनवस पर दो कॉम्पैक्ट प्लान कार्ड। React और Tailwind — फ़ॉर्म वायर करें।
- 03Pro
फ़ीचर कम्पैरिज़न टेबल
असली HTML टेबल: चार प्लान नौ फ़ीचर रो के ख़िलाफ़, हर सेल में वैल्यू, टिक या क्रॉस। React और Tailwind — रो जोड़ें, keys भरें।
- 04Pro
फ़ोर-कॉलम प्राइसिंग टेबल
चार प्लान इंटरनल रूल्स से एक बॉर्डर वाले slab में जुड़े, रेकमेंडेड कॉलम ऊपरी किनारे से उठा हुआ। React और Tailwind — एक प्लान फ़्लैग करें।
- 05Pro
फ़्री ट्रायल प्लान सेलेक्टर
प्राइसिंग पेज के बाद का स्टेप: ब्रांड पैनल पर दो प्लान radio group, नीचे बिलिंग fine print। React और Tailwind — checkout में डालें।
- 06Pro
इलस्ट्रेटेड प्राइसिंग कार्ड
हर प्लान चौड़ी इलस्ट्रेशन से खुलता है कि यह किसके लिए है, और रेकमेंडेड कार्ड रो से साफ़ उठा है। React और Tailwind — अपना आर्टवर्क लगाएँ।
- 07Pro
की फ़ीचर्स प्राइसिंग कार्ड
कार्ड प्लान लिमिट को की फ़ीचर्स से अलग करते हैं; उल्टे डार्क बैंड पर स्लाइडिंग ईयरली टॉगल। React और Tailwind — दोनों price फ़ील्ड सेट करें।
- 08Pro
मंथली-एनुअल स्विच प्राइसिंग
एक स्विच हर कीमत को दस महीने के एनुअल बिलिंग पर पलटता है; उल्टे प्राइस हेडर और डायगनल रिबन। React और Tailwind — गणित चेक करें।
- 09Pro
टेम्प्लेट vs कस्टम प्राइसिंग
कौन-सा टियर नहीं — खरीदें या कमीशन: फिक्स्ड-प्राइस टेम्प्लेट कार्ड बगल from-प्राइस कस्टम बिल्ड। React और Tailwind — कॉल बुक करें।
- 10Pro
थ्री-टियर प्राइसिंग विद FAQ
बीच में रिबन वाला भरा Pro कार्ड, नीचे चार-सवाल वाला FAQ पैनल जो प्राइसिंग आपत्तियों का जवाब देता है। React और Tailwind — faqs array एडिट करें।
- 11Pro
टू-प्लान प्राइसिंग कंपैरिजन
एक ही सेगमेंटेड बिलिंग टॉगल शेयर करते ठीक दो प्लान, प्राइसिंग पर नज़र जाए इसलिए Pro कार्ड एक्सेंट सतह पर। React और Tailwind — टियर का नाम बदलें।