सामग्री पर जाएँ
नया: ग्रेडिएंट और पैलेट जनरेटर

आपकी टीम को ज़रूरी हर ब्लॉक, रंग और टूल एक शांत वर्कस्पेस में

ADYSRE आपके कॉम्पोनेंट, आइकन, रंग, सतहें, टेम्पलेट और टूल को एक ही वर्कस्पेस में लाता है, ताकि आपकी टीम ऐप बदले बिना आइडिया से प्रोडक्शन तक पहुँच सके।

देखने के लिए कार्ड ज़रूरी नहींदुनिया भर के 18,000+ बिल्डरों का भरोसा
आर्टबोर्डटीम प्लान ब्लॉक1440 × 900100%

टीम

आपकी टीम के लिए साझा वर्कस्पेस

टीम एक्सेस लें
अपने आप सेव
लेयर
प्रॉपर्टी
चौड़ाई
288
रेडियस
12
फ़िल
#00afb9
स्रोत
adysre/blocks

हर हफ़्ते बढ़ता हुआ

वेबसाइट इंटेलिजेंस

जानें किसी भी वेबसाइट में वास्तव में क्या गड़बड़ है

किसी भी सार्वजनिक URL पर चलाएँ और SEO, सिक्योरिटी, HTML, एसेट और बेस्ट प्रैक्टिस की एक ही रिपोर्ट पाएँ, 52 रूल-आधारित जाँच के साथ. परफ़ॉर्मेंस और Core Web Vitals ब्राउज़र इंजन के साथ आएँगे.

स्कैनर11प्रति स्कैन विश्लेषण52नियम-आधारित जाँच4एक्सपोर्ट फ़ॉर्मेट
  • परफ़ॉर्मेंस
  • SEO
  • एक्सेसिबिलिटी
  • बेस्ट प्रैक्टिसेज़
  • सुरक्षा
  • Core Web Vitals
  • तकनीक पहचान
  • एसेट ऑप्टिमाइज़ेशन
  • HTML संरचना
  • AI सिफ़ारिशें
  • ऐतिहासिक तुलना

लाइब्रेरी

एक वर्कस्पेस, हर बिल्डिंग ब्लॉक

हर मॉड्यूल देखने, कॉपी करने और अपने प्रोडक्ट में डालने के लिए तैयार है। लॉगिन के बाद इन्हें साइड मेन्यू से कभी भी खोलें।

सामग्री

तय करने से पहले इसे काम करते देखें

आपके प्रोडक्ट जैसे ही डिज़ाइन टोकन से बने लाइव प्रीव्यू।

बिज़नेस रूल्स

बिज़नेस रूल्स इंजन

एक रूल, एक साथ तीन रूपों में. JSON ट्री ही सत्य का स्रोत है; वाक्य और नतीजा उसी से बनते हैं, इसी पेज पर, उन्हीं पैकेज से जिन्हें आप इंस्टॉल करेंगे.

order-approval.rule.json0.1 ms

रूल

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"
  }
}
@adysre/rules-corestringifyRule()

सरल भाषा में

02

Large 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

@adysre/rules-rendererdescribeRule()

एक ऑर्डर पर चलाकर

03
जिस ऑर्डर पर चला
Order total2400
Placed at"2026-07-26"
Tier"new"
मैच हुआ

फ़ैसला कैसे हुआ

  • greaterThanmatched
  • equalsmatched
  • groupmatched
  • groupmatched
लागू हुई कार्रवाईrequireApproval
@adysre/rules-coreevaluateRule()
27
ऑपरेटर
23
फ़ंक्शन
7
रूल प्रकार

API स्टूडियो

आपके ही स्टैक में रहने वाला API क्लाइंट

कलेक्शन, एनवायरनमेंट, ऑथ और असर्शन, बाकी सब कुछ के साथ सेल्फ-होस्टेड. रिक्वेस्ट आपके अपने सर्वर पर चलती हैं, इसलिए जो आप भेजते हैं वह किसी और के पास नहीं जाता.

POSTCreate orderProduction
POST{{baseUrl}}/v1/ordersभेजें
पैरामीटर2हेडर3बॉडीऑथटेस्ट3

बॉडी

{
  "customerId": "{{customerId}}",
  "items": [
    { "sku": "ADY-2410", "quantity": 2 }
  ],
  "currency": "EUR"
}
201 Createdसमय 128 msआकार 412 B
{
  "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
असर्शन ऑपरेटर
API स्टूडियो खोलें
  • कलेक्शन और फ़ोल्डर
  • एनवायरनमेंट और वेरिएबल
  • बिल्ट-इन ऑथ
  • रिक्वेस्ट हिस्ट्री
  • असर्शन और टेस्ट
  • सेल्फ-होस्टेड

ओपन सोर्स

कॉपी-पेस्ट नहीं, सीधे npm से इंस्टॉल करें

इस साइट का हर ब्लॉक, आइकन, ग्रेडिएंट, पैटर्न और टेक्सचर एक इंस्टॉल दूर है, पूरी तरह टाइप्ड, ट्री-शेकेबल, और किसी भी React या Next.js प्रोजेक्ट में इस्तेमाल के लिए तैयार।

adysrev0.2.0MIT लाइसेंस
npm install adysre

स्टाइल एक बार जोड़ें

एक इंपोर्ट डिज़ाइन टोकन लाता है और Tailwind को पैकेज स्कैन करने को कहता है। Tailwind नहीं है? पहले से कंपाइल की गई स्टाइलशीट इंपोर्ट करें।

app/globals.css
@import "tailwindcss";
@import "adysre/styles.css";

फिर कुछ भी इंपोर्ट करें

हर हिस्से का अपना एंट्री पॉइंट है, इसलिए एक बटन आपके बंडल में पूरी कैटलॉग नहीं खींचता।

app/page.tsx
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 पूरे टेम्पलेट, हर पेज साथ में डिज़ाइन किया गया, हर सेक्शन आपका बदलने के लिए। लाइव देखें, प्रॉम्प्ट से क्लोन करें, या चलने लायक प्रोजेक्ट डाउनलोड करें।

सभी 31 टेम्पलेट देखेंहर प्लान में शामिल, बिना अतिरिक्त शुल्क।

प्रक्रिया

खाली कैनवास से शिप तक, तीन चरणों में

हर मॉड्यूल के लिए वही प्रक्रिया, ताकि पूरी टीम एक साथ चले।

  1. 01

    ब्राउज़ करें

    सभी मॉड्यूल में खोजें और तय करने से पहले हर परिणाम को लाइव देखें।

  2. 02

    ढालें

    रंग, वेट और फ़्रेमवर्क बदलें, फिर अपने टोकन से मेल खाता आउटपुट कॉपी करें।

  3. 03

    शिप करें

    इसे अपने प्रोडक्ट में पेस्ट करें और आगे बढ़ें, बिना सफ़ाई और बिना लॉक-इन।

FAQ

सवालों के जवाब

शुरू करने से पहले जो कुछ आप जानना चाहें।

ADYSRE क्या है?

डिज़ाइन और बिल्ड संसाधनों का एक वर्कस्पेस: कॉम्पोनेंट, आइकन, पैलेट, ग्रेडिएंट और टेम्पलेट, आपके प्रोडक्ट में कॉपी करने के लिए तैयार।

आप कौन-कौन से फ़्रेमवर्क सपोर्ट करते हैं?

कॉम्पोनेंट HTML, CSS, Tailwind, React, Next.js और TypeScript में आते हैं, ताकि इन्हें ज़्यादातर आधुनिक स्टैक में डाला जा सके।

टेम्प्लेट कब आएँगे?

टेम्प्लेट पर सक्रिय रूप से काम चल रहा है। आने वाली चीज़ें देखने और लॉन्च की पहली सूचना पाने के लिए टेम्प्लेट पेज खोलें।

क्या कोई मुफ़्त प्लान है?

हाँ। आप बिना कार्ड के भरपूर मुफ़्त हिस्सा इस्तेमाल कर सकते हैं। एक भुगतान सब कुछ खोल देता है, बाद में जोड़ी गई चीज़ों समेत।

क्या मेरी पूरी टीम इसे इस्तेमाल कर सकती है?

हाँ। टीम एक्सेस आपके संगठन में एक ही वर्कस्पेस साझा करता है, सबके लिए वही मॉड्यूल।

अभी भी कोई सवाल है? हम आपकी शुरुआत में मदद करने को तैयार हैं।

कम रुकावट के साथ बनाने को तैयार हैं?

वर्कस्पेस खोलें और साइड मेन्यू में हर मॉड्यूल देखें। न सेटअप, न सफ़ाई।

देखने के लिए कार्ड ज़रूरी नहींआधुनिक प्रोडक्ट टीमों के लिए बना।