← Back to all free guides

12 Websites To Give
Your AI Better Taste

AI can make motion graphics, videos and websites now. It can’t make them look like you. These sites, and one prompt, fix that.

Telling AI to "make it look better" usually makes it worse. AI does great work when you show it what good looks like and name exactly what you like. Here are the twelve sites I’m reaching for right now for my videos, websites and motion graphics.

The 6 Sites

01

Prompt Motion

Free. Motion videos made with Claude Opus 5.5, each with the exact prompt or skill behind it, sorted by style.

Use it with AI: Pick one you love, copy the prompt, then add: "Same motion and pacing, but for [my product], in my brand colors, 9:16, 15 seconds."

02

Eyecandy

Free. A library of about 150 video techniques, like dolly zoom, whip pan and datamosh, each shown with real clips.

Use it with AI: Use the technique name word for word in your AI video prompt: "whip pan transition from the product to the box."

03

React Bits

Free library, paid Pro. Animated text, backgrounds and buttons for websites. The main library is free for personal and commercial use. Pro is a one-time purchase.

Use it with AI: Copy a component’s code into Claude or Cursor and say: "Add this to my hero headline. Keep my fonts and colors. Play it once on load."

04

MotionSites

Free to browse, prompts paid. A gallery of polished landing pages and 3D sites, with prompts written for Claude, Lovable, Bolt and Cursor. Prompt packs start at $49.

Use it with AI: Free route: screenshot a design you like, upload it to Claude and say "Build my [business] landing page with this layout and this hero motion, in my brand."

05

Savee

Free plan, Pro from $9/mo. A visual moodboard full of great design, for when you know you want something good but can’t picture it yet. Free gets you 150 saves and 2 boards.

Use it with AI: Make one board per project, save 3 to 5 references, then upload them to your AI with the prompt below.

06

Motionographer

Free to read. The motion design community’s home since 2006. Launch films, animation and motion work worth studying, updated every week.

Use it with AI: Screenshot 4 to 6 key moments of a launch film in order and ask your AI to describe the pacing, then write a shot list for your video with the same structure.

Part 2: 6 More Sites

More sites for motion, video edits and the small details that make work feel finished.

07

24fps

Free. The biggest library of AI motion graphics, with over 5,000 clips. Many come with the exact prompt, so you can copy one and make your own version.

Use it with AI: Copy a prompt and add: "Same style and timing, but for [my brand], in my colors, 9:16."

08

Raivcoo

Free to browse. Daily video editing and motion design inspiration. Browse by tags like Transition, Text and Launch video, and save favorites into folders.

Use it with AI: Screenshot the start, middle and end of an edit you like and ask: "Name this transition and tell me how to make it in my editing app."

09

Aceternity UI

Free library, paid from $169 one time. Animated backgrounds, text effects and website sections, each with the code behind it. They’re built for React sites, so they work best when Claude Code or Cursor builds your site.

Use it with AI: Copy the code into Claude or Cursor and say: "Use this as the background of my hero section. Match my brand colors. Keep it fast on phones."

10

Design Spells

Free. Small design details from real apps and websites, like how a menu opens or a fun 404 page. Each one is tagged by type, like Button, Transition or Easter Egg.

Use it with AI: Describe the detail and where it goes: "When someone taps Add to Cart, give the button a small bounce like this. Keep it under half a second."

11

Cosmos

Free. A visual inspiration board you can search by color, keyword or image. Save what you find into a collection for each project.

Use it with AI: Search your brand color, save 5 images, upload them to Claude and ask: "Give me a 5-color palette with hex codes from these."

12

Motion Index

Free to search, Pro $19.99/mo. Product commercials and 3D animations split into single shots. Filter by color, brightness and how the shot moves, so you can point to one camera move or lighting change. Shots are for reference only.

Use it with AI: Screenshot a shot and ask Claude: "Describe the camera move, lighting and speed in words an AI video tool understands."

Give AI Your Taste

Grab 2 to 5 references from the sites above and paste this with them. It breaks down what’s working in each one, asks what you want to keep, writes a style brief you can reuse, then makes your project.

Give AI My Taste Prompt
You are my creative director. I am going to give you references I like. Your job is to turn my taste into rules you can follow, then use those rules on my project. MY PROJECT: [what you are making, e.g. a landing page for my candle shop / a 15-second product reel / an Instagram carousel] WHO IT IS FOR: [your customer in one line] TOOL I WILL BUILD IT IN: [Claude / ChatGPT / Cursor / Lovable / Kling / Runway / Veo / Canva] MY REFERENCES (labeled so we can talk about them): Reference 1: [upload or paste link]. What first caught my eye: [one line, or "not sure"] Reference 2: [upload or paste link]. What first caught my eye: [one line] Reference 3: [upload or paste link]. What first caught my eye: [one line] (Add up to 5. For a video clip, upload 3 to 4 screenshots from the start, middle and end, in order.) Work in four steps. Stop after Step 2 and wait for me. STEP 1. BREAK DOWN EACH REFERENCE For each reference, tell me exactly what is working. Use the real design and motion words, and add a plain-English meaning in brackets the first time you use one. Be specific. Say "tight letter spacing on a bold condensed sans serif headline," not "modern font." Cover only what applies: - Type: font style (serif, sans serif, condensed, mono), weight, size contrast, letter spacing, line spacing, all caps or not - Color: main color, accent color, how much of each, warm or cool, contrast level, any gradient or grain - Layout and spacing: grid, alignment, how much empty space, what you see first and why - Composition (images and video): shot size, camera angle, framing, depth of field, lighting - Motion (sites and video): what moves, how it starts and stops (easing), speed, camera moves, transitions, effects by name - Pacing (video): rough length of each shot, where the cuts land, how fast the edit feels - Mood: 3 words for how it feels If you cannot see something clearly, say so. Do not guess. If I sent a link you cannot open, tell me and ask for a screenshot. STEP 2. ASK ME WHAT I LIKE Give me a numbered checklist of the specific elements you found across all my references (aim for 10 to 15 items). Ask me to mark each one KEEP, CHANGE or SKIP, and to tell you anything I want that is not on the list. Then stop and wait. STEP 3. WRITE MY STYLE BRIEF After I answer, write a reusable style brief under 250 words with these headings: - The feel (one sentence) - Type - Color (with hex codes if you can estimate them) - Layout and spacing - Motion and pacing - Always do (5 rules) - Never do (5 rules, including the generic AI looks this brief should avoid) Write every rule so a designer, a developer or an AI video tool could follow it with no other context. I will save this brief and reuse it. STEP 4. APPLY IT TO MY PROJECT Use the brief to make my project in the tool I named. Do not copy any one reference. Blend what I kept into something original for my brand. If my tool is an AI video tool, write the video prompt in this order: subject, action, camera move, lighting, style, pacing. After you make it, list which brief rules you used and where, so I can see the match.
  1. Use it once. Paste the Give AI My Taste prompt into a new chat in Claude or ChatGPT, fill in the [brackets], and send. Save the style brief it writes in Step 3, so every new chat starts with your taste.
  2. Keep it. In Claude, make a Project, click Set project instructions, paste it in and save. Every chat in that Project starts with it. In ChatGPT, do the same with a Project’s instructions.

Tip: Claude and ChatGPT read images best. For a video reference, upload 3 to 4 screenshots from the start, middle and end, in order. Label each one (Reference 1, 2, 3) so you can point to it later.

Words To Steal

The more exact your words, the better AI gets it right. Use these instead of "make it pop."

  1. Tracking. The space across a whole word or line. Wide tracking on small all-caps text is a classic luxury look.
  2. Type hierarchy. How size and weight show what to read first, second and third.
  3. Negative space. The empty area around things. More of it makes a design feel calm and premium.
  4. Accent color. One bright color used in small doses, like on buttons, to pull the eye.
  5. Easing. How a movement speeds up and slows down. "Ease out" starts fast and lands soft. "Linear" feels robotic.
  6. Stagger. Items animating in one after another, not all at once. Think a headline appearing word by word.
  7. Match cut. A cut between two shots that share a shape, color or motion, so one flows into the next.
  8. Speed ramp. A clip that shifts from normal speed to slow motion (or fast) inside the same shot.

More sites: 6 more of my favorite design websites and 5 sites for better AI design. Writing instead of designing? Try the Taste Filter skill.