Codearia אקדמיה

Spline

עורך תלת-ממד בדפדפן וספרייה פתוחה של סצנות אינטראקטיביות מוכנות: רובוטים שעוקבים אחרי הסמן, זכוכית נוזלית, חלקיקים. רמיקס בשתי לחיצות.

freemiumנבדק 29 אוגוסט 2026
סצנת תלת-ממד של מקשים עם אייקוני HTML, CSS ו-JS, שנבנתה ב-Spline

הערך האמיתי של Spline הוא לא העורך אלא הספרייה. במדור Community יש מאות סצנות אינטראקטיביות מוכנות שפרסמו מעצבים מכל העולם: רובוט שמסובב את הראש אחרי הסמן, hero מזכוכית מחורצת, קוביות שמגיבות למעבר עכבר, טיפוגרפיה שמתפרקת, זרמי חלקיקים.

המדפים נקראים לפי משימות — Interactive Website, Brand & Marketing, 3D Logos, 3D Icons, Particles, Materials, 3D Mockups. לכל עבודה מוצגים היוצר ומספר הצפיות, ולכן ברור מיד מה באמת נכנס לשימוש: לרובוט שעוקב אחרי הסמן יש 175 אלף צפיות, ולטיפוגרפיה המתפרקת 177 אלף.

לקחת סצנה זה פשוט: כפתור Remix פותח עותק משלכם, ומשם משנים צבעים, טקסט ומהירות אנימציה לפי המותג. הייצוא מחזיר תג שנכנס לעמוד בשתי שורות; ל-React יש קומפוננטה `@splinetool/react-spline` תחת MIT, ויש אינטגרציות ל-Webflow, ל-Framer, ל-Wix, ל-Next.js, ל-Swift ול-Kotlin.

קובצי הקהילה מתפרסמים תחת רישיון CC BY 4.0: מותר לשנות אותם ולהשתמש בהם גם בפרויקטים מסחריים, בתנאי שמציינים את היוצר המקורי. אפשר להתחיל בחינם — הספרייה, הרמיקסים והעורך פתוחים מיד; מסלול בתשלום מ-12 דולר לחודש מסיר את סימן המים מהייצוא לרשת.

טיפ מעשי: טענו את הסצנה בעצלתיים, כשהבלוק מגיע למסך, ובדקו אותה בטלפון רגיל — תלת-ממד נשאר גרפיקה כבדה, וכמה דקות של כוונון משתלמות בחלקות בכל המכשירים.

מעבר לאתר

תגובות