आपकी टीम को ज़रूरी हर ब्लॉक, रंग और टूल एक शांत वर्कस्पेस में
ADYSRE आपके कॉम्पोनेंट, आइकन, रंग, सतहें, टेम्पलेट और टूल को एक ही वर्कस्पेस में लाता है, ताकि आपकी टीम ऐप बदले बिना आइडिया से प्रोडक्शन तक पहुँच सके।
टीम
आपकी टीम के लिए साझा वर्कस्पेस
टीम एक्सेस लें- चौड़ाई
- 288
- रेडियस
- 12
- फ़िल
- #00afb9
- स्रोत
- adysre/blocks
हर हफ़्ते बढ़ता हुआ
वेबसाइट इंटेलिजेंस
जानें किसी भी वेबसाइट में वास्तव में क्या गड़बड़ है
किसी भी सार्वजनिक URL पर चलाएँ और SEO, सिक्योरिटी, HTML, एसेट और बेस्ट प्रैक्टिस की एक ही रिपोर्ट पाएँ, 52 रूल-आधारित जाँच के साथ. परफ़ॉर्मेंस और Core Web Vitals ब्राउज़र इंजन के साथ आएँगे.
- परफ़ॉर्मेंस
- SEO
- एक्सेसिबिलिटी
- बेस्ट प्रैक्टिसेज़
- सुरक्षा
- Core Web Vitals
- तकनीक पहचान
- एसेट ऑप्टिमाइज़ेशन
- HTML संरचना
- AI सिफ़ारिशें
- ऐतिहासिक तुलना
लाइब्रेरी
एक वर्कस्पेस, हर बिल्डिंग ब्लॉक
हर मॉड्यूल देखने, कॉपी करने और अपने प्रोडक्ट में डालने के लिए तैयार है। लॉगिन के बाद इन्हें साइड मेन्यू से कभी भी खोलें।
कॉम्पोनेंट
HTML, Tailwind, React और Next.js में कॉपी-पेस्ट UI ब्लॉक, टाइप्ड और प्रोडक्शन के लिए तैयार।
आइकन
एडजस्टेबल वेट, लाइव प्रीव्यू और एक-क्लिक कॉपी वाला बेहतरीन आइकन सेट।
रंग और सतहें
पैलेट, ग्रेडिएंट, पैटर्न और टेक्सचर, सभी टोकन-आधारित और एक्सपोर्ट के लिए तैयार।
टेम्प्लेट
मॉड्यूल को जोड़कर पूरी स्क्रीन बनाने वाले पेज और फ़्लो टेम्प्लेट।
इमेज और यूटिलिटी टूल
ब्राउज़र में ही कंप्रेस, कन्वर्ट, रिसाइज़ करें, बैकग्राउंड हटाएं और कोड पढ़ें।
डिज़ाइन प्लेग्राउंड
अनंत कैनवास पर पेज, डैशबोर्ड और ग्राफ़िक्स डिज़ाइन करें, बिना कोड के।
सामग्री
तय करने से पहले इसे काम करते देखें
आपके प्रोडक्ट जैसे ही डिज़ाइन टोकन से बने लाइव प्रीव्यू।
बिज़नेस रूल्स
बिज़नेस रूल्स इंजन
एक रूल, एक साथ तीन रूपों में. JSON ट्री ही सत्य का स्रोत है; वाक्य और नतीजा उसी से बनते हैं, इसी पेज पर, उन्हीं पैकेज से जिन्हें आप इंस्टॉल करेंगे.
रूल
01{
"schemaVersion": 1,
"id": "r_6",
"name": "Large orders from new customers need approval",
"description": "Anything over 1,000 from a new customer, or backdated, is held for a human.",
"kind": "validation",
"status": "draft",
"version": 1,
"priority": 0,
"enabled": true,
"tags": [
"orders",
"approval"
],
"when": {
"kind": "group",
"id": "g_5",
"combinator": "all",
"children": [
{
"kind": "condition",
"id": "c_1",
"left": {
"source": "field",
"path": "order.total"
},
"operator": "greaterThan",
"args": [
{
"source": "literal",
"value": 1000
}
]
},
{
"kind": "group",
"id": "g_4",
"combinator": "any",
"children": [
{
"kind": "condition",
"id": "c_2",
"left": {
"source": "field",
"path": "customer.tier"
},
"operator": "equals",
"args": [
{
"source": "literal",
"value": "new"
}
]
},
{
"kind": "condition",
"id": "c_3",
"left": {
"source": "field",
"path": "order.placedAt"
},
"operator": "before",
"args": [
{
"args": [],
"source": "function",
"name": "today"
}
]
}
]
}
]
},
"then": [
{
"id": "a_hold",
"type": "requireApproval"
}
],
"otherwise": [
{
"id": "a_auto",
"type": "autoApprove"
}
],
"metadata": {
"createdAt": "2026-07-26T00:00:00.000Z",
"updatedAt": "2026-07-26T00:00:00.000Z"
}
}सरल भाषा में
02Large orders from new customers need approval
When all of these are true:
Order total is greater than 1,000
any of these are true:
Tier is "new"
Placed at is before today
Then require approval
Otherwise auto approve
एक ऑर्डर पर चलाकर
03- जिस ऑर्डर पर चला
- Order total2400
- Placed at"2026-07-26"
- Tier"new"
फ़ैसला कैसे हुआ
- greaterThanmatched
- equalsmatched
- groupmatched
- groupmatched
- 27
- ऑपरेटर
- 23
- फ़ंक्शन
- 7
- रूल प्रकार
API स्टूडियो
आपके ही स्टैक में रहने वाला API क्लाइंट
कलेक्शन, एनवायरनमेंट, ऑथ और असर्शन, बाकी सब कुछ के साथ सेल्फ-होस्टेड. रिक्वेस्ट आपके अपने सर्वर पर चलती हैं, इसलिए जो आप भेजते हैं वह किसी और के पास नहीं जाता.
कलेक्शन
Orders API
- GETList orders
- POSTCreate order
- PATCHUpdate order
- DELETECancel order
बॉडी
{
"customerId": "{{customerId}}",
"items": [
{ "sku": "ADY-2410", "quantity": 2 }
],
"currency": "EUR"
}{
"id": "ord_7Kd91",
"status": "confirmed",
"total": 148.5,
"currency": "EUR",
"items": [
{ "sku": "ADY-2410", "quantity": 2 }
],
"createdAt": "2026-07-27T09:14:02.881Z"
}असर्शन3/3
- status equals 201passed
- responseTime lessThan 500passed
- jsonPath $.status equals confirmedpassed
- 9
- HTTP मेथड
- 9
- ऑथ स्कीम
- 6
- बॉडी प्रकार
- 11
- असर्शन ऑपरेटर
- कलेक्शन और फ़ोल्डर
- एनवायरनमेंट और वेरिएबल
- बिल्ट-इन ऑथ
- रिक्वेस्ट हिस्ट्री
- असर्शन और टेस्ट
- सेल्फ-होस्टेड
ओपन सोर्स
कॉपी-पेस्ट नहीं, सीधे npm से इंस्टॉल करें
इस साइट का हर ब्लॉक, आइकन, ग्रेडिएंट, पैटर्न और टेक्सचर एक इंस्टॉल दूर है, पूरी तरह टाइप्ड, ट्री-शेकेबल, और किसी भी React या Next.js प्रोजेक्ट में इस्तेमाल के लिए तैयार।
npm install adysreस्टाइल एक बार जोड़ें
एक इंपोर्ट डिज़ाइन टोकन लाता है और Tailwind को पैकेज स्कैन करने को कहता है। Tailwind नहीं है? पहले से कंपाइल की गई स्टाइलशीट इंपोर्ट करें।
@import "tailwindcss";
@import "adysre/styles.css";फिर कुछ भी इंपोर्ट करें
हर हिस्से का अपना एंट्री पॉइंट है, इसलिए एक बटन आपके बंडल में पूरी कैटलॉग नहीं खींचता।
import { Button } from 'adysre';
import { ArrowUpRight } from 'adysre/icons';
import { GradientSurface } from 'adysre/gradients';
import { AboutStats } from 'adysre/blocks';
export default function Page() {
return (
<GradientSurface gradient="warm-flame" className="rounded-2xl p-10">
<AboutStats
title="Where we are after six years"
stats={[
{ label: 'People', value: '12' },
{ label: 'Projects shipped', value: '148' },
]}
/>
<Button>
Read the docs <ArrowUpRight size={16} />
</Button>
</GradientSurface>
);
}टेम्पलेट
सिर्फ़ सेक्शन नहीं, पूरी वेबसाइट
31 पूरे टेम्पलेट, हर पेज साथ में डिज़ाइन किया गया, हर सेक्शन आपका बदलने के लिए। लाइव देखें, प्रॉम्प्ट से क्लोन करें, या चलने लायक प्रोजेक्ट डाउनलोड करें।
प्रक्रिया
खाली कैनवास से शिप तक, तीन चरणों में
हर मॉड्यूल के लिए वही प्रक्रिया, ताकि पूरी टीम एक साथ चले।
- 01
ब्राउज़ करें
सभी मॉड्यूल में खोजें और तय करने से पहले हर परिणाम को लाइव देखें।
- 02
ढालें
रंग, वेट और फ़्रेमवर्क बदलें, फिर अपने टोकन से मेल खाता आउटपुट कॉपी करें।
- 03
शिप करें
इसे अपने प्रोडक्ट में पेस्ट करें और आगे बढ़ें, बिना सफ़ाई और बिना लॉक-इन।
FAQ
सवालों के जवाब
शुरू करने से पहले जो कुछ आप जानना चाहें।
ADYSRE क्या है?
डिज़ाइन और बिल्ड संसाधनों का एक वर्कस्पेस: कॉम्पोनेंट, आइकन, पैलेट, ग्रेडिएंट और टेम्पलेट, आपके प्रोडक्ट में कॉपी करने के लिए तैयार।
आप कौन-कौन से फ़्रेमवर्क सपोर्ट करते हैं?
कॉम्पोनेंट HTML, CSS, Tailwind, React, Next.js और TypeScript में आते हैं, ताकि इन्हें ज़्यादातर आधुनिक स्टैक में डाला जा सके।
टेम्प्लेट कब आएँगे?
टेम्प्लेट पर सक्रिय रूप से काम चल रहा है। आने वाली चीज़ें देखने और लॉन्च की पहली सूचना पाने के लिए टेम्प्लेट पेज खोलें।
क्या कोई मुफ़्त प्लान है?
हाँ। आप बिना कार्ड के भरपूर मुफ़्त हिस्सा इस्तेमाल कर सकते हैं। एक भुगतान सब कुछ खोल देता है, बाद में जोड़ी गई चीज़ों समेत।
क्या मेरी पूरी टीम इसे इस्तेमाल कर सकती है?
हाँ। टीम एक्सेस आपके संगठन में एक ही वर्कस्पेस साझा करता है, सबके लिए वही मॉड्यूल।
अभी भी कोई सवाल है? हम आपकी शुरुआत में मदद करने को तैयार हैं।
कम रुकावट के साथ बनाने को तैयार हैं?
वर्कस्पेस खोलें और साइड मेन्यू में हर मॉड्यूल देखें। न सेटअप, न सफ़ाई।