# ספריית השראה / Jennie's inspiration library

> 3D objects and motion graphics on TRANSPARENT backgrounds for talking-head videos, made for the students of
> Jennie Dobro's course (Claude edits your videos) to use in their videos. 108 3D items + 43 motion graphics. Every file is a direct,
> CORS-open download: no login, no API key.

Site: https://library.jenniedobro.com (pages: https://library.jenniedobro.com/3d and https://library.jenniedobro.com/motion). Built 2026-10-02T23:14:02+0300.

## When a student pastes picks
The student marks items on the site and pastes you a link like https://library.jenniedobro.com/api/pick?ids=a,b,c
1. `curl -s "https://library.jenniedobro.com/api/pick?ids=a,b,c"` (JSON, see the shape below).
2. Download EVERY file of every item into the student's current video project, at the file's `save_as` path
   (`assets/library/<id>/<file>`), e.g.
   `mkdir -p assets/library/<id> && curl -fL -o "assets/library/<id>/<file>" "<url>"`.
   Check that each file's size equals `bytes`. If you are not sure which project folder, ask the student.
3. Read each item's `how_to_use`: it says how to place it (edit kit plan.json lines, CapCut tips).
4. Remember the picks as the student's taste: append a short dated note to `assets/library/TASTE.md` (names,
   categories, styles, what they have in common) and prefer that look in future edits.

## Search it yourself
- `GET https://library.jenniedobro.com/api/items` all items + `facets` (categories and styles with counts)
- filters (combine freely): `type=3d|motion`, `category=<slug>`, `style=<slug>` (comma = any of them),
  `q=<words>` (Hebrew or English, matches names, category, styles), `ids=a,b`
- example: `https://library.jenniedobro.com/api/items?type=3d&category=food&style=y2k`
- `GET https://library.jenniedobro.com/api/pick?ids=a,b,c` exactly those items, in that order (+ `missing` for unknown ids)

Item shape: `{id, type ("3d"|"motion"), name_he, name_en, category, category_he, styles[], styles_he[], desc_he,
how_to_use, credit {name, url} | null, preview {mp4, poster}, page, files[]}`;
each file: `{name, url, kind, format, bytes, save_as}`. URLs are absolute.

## File kinds
- `transparent_webm`: VP9 with alpha. For Remotion / the edit kit (`"transparent": true` clip overlays, logo3d turntables).
- `capcut_mov`: HEVC with alpha. Drop straight into CapCut on a Mac (keeps the transparency).
- `transparent_png`: a still with alpha (an `object` overlay, thumbnails, covers).
- `source_code`: the Remotion scene (.tsx) a motion graphic was rendered from: change its text, colours or side and render again.
- `props_json` / `info_json`: the props the clip was rendered with, or its timing beats and sound effects.
- `video_mp4`: an opaque video (preview or a tile with its own background).
- `model_glb`: a real 3D model (logo3d `"model"`).

## 3D: categories
creators (מוזיקה ויוצרים, 12), fitness (ספורט וכושר, 11), beauty (ביוטי ואופנה, 11), home (בית ונעימות, 11), money (כסף ועסקים, 11), party (חגים ומסיבות, 11), social (סושיאל ואימוג'י, 11), tech (טכנולוגיה וגאדג'טים, 11), food (אוכל ושתייה, 10), travel (טיולים וחוץ, 9)

## 3D: styles
chrome-y2k (כרום Y2K, 18), realistic (מוצר ריאליסטי, 16), clay (קליי / תלת-ממד רך, 16), pastel-toy (צעצוע פסטל, 16), glass (זכוכית / חלבית, 13), kawaii (קוואיי חמוד, 13), retro-tech (טכנולוגיה רטרו 2000, 12), neon (ניאון זוהר, 8)

## Motion: categories
ui (רגעי אפליקציה וממשק, 6), text (טקסט וכותרות, 6), stickers (מדבקות וצורות, 6), transitions (מעברים, 6), social (רשתות חברתיות, 5), data (נתונים וגרפים, 5), y2k (Y2K / תחילת שנות ה-2000, 5), cursor (סמן ולחיצות, 4)

## Motion: styles
clean (נקי, 13), app-ui (ממשק אפליקציה, 8), bold (נועז, 7), full-frame (מסך מלא, 7), playful (שובב, 6), social (סושיאל, 6), colorful (צבעוני, 6), data (נתונים, 5), y2k (Y2K, 5), tutorial (הדרכה, 4), pop (פופ, 3), gradient (גרדיאנט, 3), kinetic (קינטי, 3), hand-drawn (ציור יד, 3), sticker (מדבקה, 3), glass (זכוכית, 2), dark (כהה, 2), funny (מצחיק, 2), marker (מרקר, 2), glow (זוהר, 2), pixel (פיקסלים, 2), retro-web (אינטרנט רטרו, 2), light-dark (בהיר / כהה, 1), editorial (מגזיני, 1), numbers (מספרים, 1), tech (טכנולוגי, 1), edgy (עוקצני, 1), rgb-split (RGB split, 1), poster (פוסטר, 1), dark-glass (זכוכית כהה, 1), live (לייב, 1), vertical (אנכי, 1), overlay (שכבת על, 1), cta (קריאה לפעולה, 1), neon (ניאון, 1), dashboard (דשבורד, 1), comparison (השוואה, 1), magic (קסם, 1), retail (קניות, 1), celebration (חגיגה, 1), energetic (energetic, 1), flash (flash, 1), graphic (graphic, 1), fluid (fluid, 1), chrome (כרום, 1), retro-os (retro-os, 1), frutiger-aero (frutiger-aero, 1), glossy (מבריק, 1), screen-recording (screen-recording, 1), mobile (mobile, 1)

## Rules of thumb for using them
- Keep graphics on a free side of the speaker (x <= 30 % or >= 70 %), never on the face; one thing at a time.
- Transparent files only: never put a box or a white frame around them.
- Hebrew text in a motion graphic is part of the design: to change it, edit the source and render again.

## More inspiration (sites the motion graphics were inspired by)
- [Jitter - תבניות חינמיות](https://jitter.video/templates/): ספריית תבניות תנועה חינמיות לממשקים, טקסטים, גרפים וסושיאל, אפשר לדפדף ולראות כל תבנית בלי תשלום
- [Jitter - The Click](https://jitter.video/templates/the-click/): אוסף של מיקרו אינטראקציות: כפתורים, מתגים, תפריטים וזכוכית נוזלית, השראה מצוינת לתנועת ממשק
- [LottieFiles](https://lottiefiles.com/featured): הספרייה הגדולה של אנימציות Lottie, אפשר לחפש לפי נושא כמו קונפטי, לייק או מעברים ולראות תצוגה מקדימה
- [Rive Community](https://rive.app/community/files/): קבצים של הקהילה ב-Rive עם אנימציות אינטראקטיביות כמו מתגים, כפתורי לייק וקונפטי
- [Dribbble - אנימציית טקסט](https://dribbble.com/tags/text-animation): אלפי שוטים של טיפוגרפיה בתנועה ואנימציית טקסט ממעצבים מכל העולם
- [Dribbble - אנימציית כפתורים](https://dribbble.com/tags/button-animation): שוטים של כפתורים ומיקרו אינטראקציות, מקור טוב לרעיונות לאנימציית ממשק
- [Motionographer](https://motionographer.com): מגזין של עולם המושן דיזיין עם כתבות, חדשות ופרויקטים נבחרים, פתוח לגלישה חופשית
- [Codrops](https://tympanus.net/codrops/): בלוג פרונטאנד עם מדריכים והדגמות של מעברים, טיפוגרפיה ואפקטים ב-GSAP ו-WebGL
- [Awwwards - אנימציה](https://www.awwwards.com/websites/animation/): אתרים עם אנימציה ותנועה שזכו בפרסים, טוב כדי לראות מה הסטנדרט של היום
- [Remotion Showcase](https://www.remotion.dev/showcase): פרויקטים וסרטונים שנבנו עם Remotion, בדיוק הכלי שבו אנחנו בונים את הגרפיקות
- [60fps.design](https://60fps.design): יותר מ-2,100 פרטי אנימציה ואינטראקציה מאפליקציות מובילות, ממוינים לפי מחווה, תבנית ואפקט
- [Collect UI](https://collectui.com): השראה יומית לרכיבי ממשק נבחרים, אפשר לחפש לפי סוג רכיב כמו כרטיס סטטיסטיקה או התראה
- [GSAP Showcase](https://gsap.com/showcase/): תערוכת אתרים ופרויקטים שנבנו עם GSAP, השראה לתנועה חלקה ומדויקת
- [Siteinspire](https://www.siteinspire.com): גלריה מסודרת של עיצובי אתרים מצוינים, טובה להשראה לפריסה, טיפוגרפיה וצבע
- [Recent.design](http://recent.design/?ref=godly): אוסף השראה לעיצוב אינטרנט, מיתוג, טיפוגרפיה ותנועה, בחינם וללא הרשמה
- [Motion Design School - בלוג](https://motiondesign.school/blog): בלוג עם מדריכים ומאמרים על מושן דיזיין, אפטר אפקטס ובלנדר
- [Lottielab](https://lottielab.com): כלי לעריכת אנימציות Lottie בדפדפן, אפשר לראות איך בונים אנימציית ממשק
- [CodePen](https://codepen.io/): דמואים חיים של אפקטים בקוד, אפשר לפתוח כל אחד ולראות בדיוק איך הוא בנוי
- [FreeFrontend](https://freefrontend.com/css-text-animations/): אוסף מסודר של יותר מ-60 אנימציות טקסט ב-CSS עם דמו וקוד לכל אחת, בלי הרשמה
- [CodeFronts](https://codefronts.com/motion/css-number-counter-animations/dashboard-kpi-metric-card-with-increment-animation/): דוגמאות CSS חיות לרכיבי תנועה, למשל כרטיס KPI עם מונה, חץ שינוי וגרף קטן