نسخه آزمایشی

کد بزن، نتیجه رو ببین، به اشتراک بذار

یک محیط ساده برای تست ایده‌ها، ساخت رابط‌های کاربری و اشتراک‌گذاری کد. بدون نصب، بدون تنظیمات اضافه؛ فاصله‌ی ایده تا اجرایِ آن، فقط یک تبِ مرورگر است.

play.spacedev.ir
... ...
مناسب برای TailwindCSS

از یک کامپوننت کوچک گرفته تا یک صفحه کامل، می‌توانید ایده‌هایتان را سریع امتحان کنید، نتیجه را ببینید و در صورت نیاز با دیگران به اشتراک بگذارید.

امکانات

تمرکز روی چیزی که مهم است

امکاناتی که هنگام طراحی، تست و اشتراک‌گذاری کد واقعاً به آن‌ها نیاز دارید.

پیش‌نمایش زنده

هر تغییری که در کد ایجاد می‌کنید بلافاصله در خروجی قابل مشاهده است.

اشتراک‌گذاری آسان

برای هر پروژه لینک اختصاصی بسازید و آن را با دیگران به اشتراک بگذارید.

نمایش در اندازه‌های مختلف

ظاهر پروژه را در موبایل، تبلت و دسکتاپ بررسی کنید.

ذخیره نمونه‌ها

نمونه‌کدها و آزمایش‌های خود را نگه دارید و بعداً به آن‌ها برگردید.

انتشار در جامعه

در صورت تمایل پروژه‌هایتان را منتشر کنید و از دیگران بازخورد بگیرید.

شروع فوری

نیازی به نصب یا پیکربندی نیست؛ همه‌چیز در مرورگر آماده است.

روند کار

ساده و مستقیم

۰۱

کد را وارد کن

از صفر شروع کن یا کدهای خودت را داخل ویرایشگر قرار بده

۰۲

خروجی را ببین

همزمان با تغییر کد، نتیجه را مشاهده کن و ایده‌ات را آزمایش کن.

۰۳

ذخیره و اشتراک‌گذاری

در صورت نیاز پروژه را ذخیره کن یا برای دیگران بفرست.

ساده، سریع و کاربردی

گاهی برای تست یک ایده، فقط به یک صفحه خالی و چند خط کد نیاز داری

animated-border
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<button type="button"
  class="inline-flex relative rounded-full
  cursor-pointer overflow-hidden p-0.5
  before:absolute before:inset-[-200%]
  before:animate-spin
  before:[animation-duration:6s]
  before:bg-conic before:from-65%
  before:to-white">
  <span
    class="relative inline-flex items-center
    justify-center bg-stone-900 to-75%
    rounded-full font-semibold text-xs
    text-white px-6 py-3 z-10">
    شروع کنید ✨
  </span>
</button>

آماده‌ای چیزی بسازی؟

اگر ایده‌ای برای تست کردن داری یا می‌خواهی سریع یک رابط کاربری را امتحان کنی
محیط Playground آماده است.

بدون نصب و راه‌اندازی. فقط مرورگر کافی است.

بخشی از SpaceDev

محیط Playground یکی از ابزارهای SpaceDev است؛ جایی برای ساخت، تست و اشتراک‌گذاری نمونه‌کدها. اگر قبلاً از کامپوننت‌ها یا تمپلیت‌های SpaceDev استفاده کرده باشید، این محیط می‌تواند فضای مناسبی برای آزمایش و شخصی‌سازی آن‌ها باشد.

کامپوننت‌های آماده

برای زمانی که نمی‌خواهی هر بار همه چیز را از ابتدا بسازی.

الگوهای آماده

برای شروع سریع‌تر پروژه‌های جدید.

جامعه توسعه‌دهندگان

محیطی برای انتشار پروژه‌ها، یادگیری و تبادل تجربه.

بازدید از SpaceDev
block
kit
template
community
play
challenge
signal
blog
...

سوالات متداول

هر چیزی که باید بدانید

بله. در حال حاضر می‌توانید بدون پرداخت هزینه از امکانات اصلی Playground استفاده کنید.

در نسخه فعلی می‌توانید با HTML,CSS,JavaScript,TailwindCSS کار کنید. قابلیت‌های بیشتری به مرور اضافه خواهند شد.