Instagram story viewer> @thinkingods> Posts

Thinking Gods

@thinkingods

7K

followers

154

following

🛠️ We think. We design. We build.
🚀AI workflows + Free prompts
📮Want us to build you a website - “DM”
🥷🏻Founder- @kunal_chaudhary.fig

POSTS STORIES REELS

Comment “BIRD” and I’ll send you the whole project: prompt, video, code, the lot. 🐦

Most video heroes loop a clip behind the text and hope nobody notices. This one plays once. A kingfisher flies in from the left, crosses the frame and lands on a twig. Nothing on the page moves until its feet touch the branch. Then the headline, the buttons and the cards rise in around it.

The trick is the name in the background. It’s set just a shade darker than the backdrop with a darken blend, so the bird always wins. It flies in front of its own name without a single cutout or mask.

The video stops on its last frame and holds, so there’s no seam and no loop. Even the card thumbnails are close-up crops of that same final frame.

Your DM gets the full build: the Flow video prompt, the website prompt, the video and the single-file HTML. Drag, paste, double-click. Not a screenshot and a paragraph.

Save this for your next hero.

#aiwebsite #webdesign #uidesign #creativecoding

[ AI website builder, AI web design, Video hero section, Hero animation, Scroll animation, Prompt library, Website prompts, Animated website, Hero section, Landing page design, UI design, UX design, UI UX design, Web design, Web designer, Web development, Frontend, Frontend developer, Interaction design, UI animation, Motion design, Product design, Design inspiration, Design tools, Design tips, Creative coding, Claude AI, Google Flow, Veo 3, AI video, Vibe coding, No code, AI tools, AI workflow, Design community, Design reel, Kingfisher, Bird animation, Nature website, Web design India, Startup India, Thinking Gods ] by @thinkingods

Comment “PLANE” and I’ll send you my full prompt library, straight to your DMs. 🛩️

Three minutes. Prompt to live preview, and I didn’t write a line of code.

The prompt came out of the MotionSites library — I picked the SkyElite hero, copied it, pasted it into Claude. It shipped the hero, the scroll sections and the animation timing on the first pass. No fixing, no second attempt.

What lands in your DM is my own collection — every prompt behind the last five builds I’ve posted here. Not a landing page to go dig through.

Save this for your next hero section, and send it to a designer who’d want to try it.

#aiwebsite #webdesign #uidesign #creativecoding #promptengineering

[ AI website builder, AI web design, Prompt library, Website prompts, Animated website, Hero section, Landing page design, UI design, UX design, UI UX design, Web design, Web designer, Web development, Frontend, Frontend developer, Interaction design, Micro interactions, UI animation, Motion design, Product design, Design inspiration, Design tools, Design tips, Creative coding, Claude AI, Vibe coding, No code, AI tools, AI workflow, Design systems, Design community, Design reel, Web design India, Startup India, Thinking Gods ] by @thinkingods

Comment "EYES" and I'll send you every prompt used in this reel, straight to your DMs. 👀

You don't need to be an AI expert to build this. A character reference, two AI video prompts, and one build prompt, that's the whole workflow. From a still image to a live site where the cat tracks your cursor in real time.

I've put all three prompts in one place so you can run it yourself.

Save this for when you build your next hero section, and send it to a designer who'd want to try it.

#aidesign #aivideo #aianimation #aicontent #aiworkflow

[ AI design, AI video, AI animation, AI workflow, Prompt engineering, AI tools, Creative coding, Interactive design, Web design, Web designer, UI design, UX design, Product design, Design tools, Design inspiration, Creative AI, Design tips, Web development, No code, Design community, Design reel, UI UX design, Web design India, Startup India, Thinking Gods ] by @thinkingods

Comment “MOTION” and I’ll send you all 7 motion prompts, plus the video each one made. 🎬

Most motion videos take a designer, After Effects and a week. Every clip in this carousel came out of Claude from a single prompt. Swipe through:

Your DM gets all 7: each prompt, the video it made, who made it, and a library of 200+ more to explore. Paste into Claude, render, post.

Save this for your next launch video.

Prompts and videos belong to their creators, credited on every slide. Curated from prompt-motion.com.

#aiwebsite #webdesign #uidesign #creativecoding

[motion design, motion graphics, AI motion design, Claude AI, Claude Opus, AI video, AI animation, motion prompts, AI prompts, prompt engineering, launch video, product video, SaaS launch video, product tour, explainer video, kinetic typography, kinetic type, 3D website, landing page, dashboard design, app promo, UGC ads, claymation, stop motion, Remotion, HTML animation, web animation, creative coding, UI animation, UI design, UX design, web design, AI tools, AI for designers, design inspiration, content creation, Instagram carousel, Web design India, Startup India, Thinking Gods] by @thinkingods

Comment “WOOD” and I’ll send you the whole project: prompt, images, code, the lot. 🪵

Most hero sections just fade in and sit there. This one gets painted in.

A round brush sweeps right to left and reveals a driftwood log in under a second. Then the log keeps drifting slowly across the screen. Hover anywhere and the colour pours in under your cursor.

The trick is a hard-edged circular mask moving along the log’s own angle, so it reads as one continuous brush stroke, not a fade. The colour layer sits under a muted copy of the same image, and your cursor decides where it shows through.

Your DM gets the full build: the copy-paste prompt, the hosted image links, a downloadable image pack and the live demo. Paste the prompt into your AI builder, drop in the images, double-click index.html. Done.

It’s free. Save this for your next hero or client. 🔖

#aiwebsite #webdesign #uidesign #creativecoding

[hero section, website hero, hero section design, web design, ui design, ux design, ai website builder, claude ai, claude opus, ai web design, prompt to website, website prompt, html css javascript, vanilla javascript, css animation, mask animation, brush reveal, hover reveal, hover effect, cursor effect, color reveal, parallax, scroll animation, landing page, landing page design, framer, webflow, figma, creative coding, frontend, front end development, web animation, micro interactions, motion design, free prompt, free website template, design resources, Logoth, Web design India, Startup India, Thinking Gods] by @thinkingods

Wait… Figma can do THIS now? 😳🔥

Been playing with shaders for weeks and they keep blowing my mind.

Save this for your next design ✨

#figma #uiux #ui #reels by @thinkingods

Comment “FONTS” and I’ll send all 6 straight to your DMs 🔤✨
You’re seeing these everywhere on Instagram right now 👀
.
.
All you’ll get for free. Save this for your next project 📌
.
.
👉 Comment “FONTS” below and check your DMs
Follow @thinkingods for more free design resources 🫶
.
.
.
#fontstyle #typography #fontsdesign #graphicdesigner #webdesign

[trending fonts, fonts 2026, free fonts, best fonts for designers, google fonts, fontshare, instrument serif, bagel fat one, fraunces, unbounded, ballet font, switzer font, font pairing, typography inspiration, typeface, serif fonts, script fonts, display fonts, retro fonts, y2k fonts] by @thinkingods

Comment “EBOOK” and I’ll send you a free sample of Sites That Convert. 📘

Most websites don’t fail because of bad ideas. They fail on six small decisions nobody gets taught: heading sizes, where the hero sits, the gaps between things, how much colour, how a card is built, and how you quote the job.

Swipe through. Each slide is one fix, straight from the pages of the ebook.

01 · A hero that converts: one H1, one primary button, one left edge.
02 · Heading sizes: five sizes, each with a job.
03 · Spacing: six values. If a gap isn’t on the list, you haven’t decided it.
04 · Colour: 60% ground, 30% support, 10% accent. The accent goes on the button.
05 · Cards: design all four states, not just “in stock”.
06 · Quoting: scope, timeline, exclusions, a deposit. Then ask for the budget as a range.

Your DM gets a free sample of the ebook: real pages, real figures, the same method behind every Thinking Gods site.

Save this for your next website build.

#webdesign #uidesign #uxdesign #designtips

[web design tips, ui design, ux design, landing page design, hero section, website hero, typography scale, heading sizes, font sizes for web, spacing system, 8pt grid, design spacing, 60 30 10 rule, colour theory, colour palette, product card design, ecommerce card, card states, freelance pricing, how to quote a website, client budget, design process, conversion design, high converting website, website that converts, figma tips, web designer, freelance designer, design ebook, free ebook, design resources, ui tips, layout design, visual hierarchy, Web design India, Startup India, Thinking Gods] by @thinkingods

Comment “AGENT” and I’ll send you the whole project: prompt, video, code, the lot. 🤖

Most SaaS heroes show a flat screenshot and call it a product. This one floats a live agent workflow in 3D. Move your cursor and the whole window tilts. The four agent cards lift off their base plates and drift on their own depth. Light pulses run down every handoff, a run log ticks in real time, and as you scroll the video fades into black so the content takes over.

The trick is depth. Every layer gets its own distance and its own easing speed, so they lag and lead each other like real glass panels instead of moving as one flat image.

Your DM gets the full build: the copy-paste prompt, the Veo hero video, 11 section images and the finished index.html. Drag the assets in, paste the prompt, double-click. Done.

Save this for your next SaaS client.

#aiwebsite #webdesign #uidesign #creativecoding

[AI website, AI web design, website prompt, landing page, SaaS landing page, AI agents, agent workflow, hero section, 3D parallax, cursor effect, mouse parallax, glassmorphism, glass UI, dark UI, dashboard UI, workflow builder, node editor, scroll animation, sticky cards, horizontal scroll, video background, Veo, Nano Banana, Google Flow, Claude, ChatGPT, no code, HTML CSS JS, creative coding, motion design, web animation, UI design, UX design, product design, startup website, tech website, website template, Web design India, Startup India, Thinking Gods] by @thinkingods

Comment “MUFFIN” and I’ll send you the whole project: prompt, photos, video, code, the lot. 🧁

Most menu sections are a grid of photos and a price. This one is a carousel you drag, scroll or flick, and each muffin’s name darkens letter by letter as it lands in the centre.

Tap a muffin and its card opens out to the left and right at once, zooming in like you’re leaning over the counter. The muffin spins, splits in half and shows its filling. Then the bill drops in line by line, the Chef’s Signature badge spins up, and the price counts up to its final number.

The trick is that the photo and the video share the exact same framing. The card you tap and the clip that plays are one continuous shot, so there’s no cut and no jump. The clip plays once and holds on the cross-section.

Your DM gets the full build: the image and video prompts, the website prompt, all six photos, the clip and the single-file HTML. Unzip, double-click, done.

Save this for your next café client.

#aiwebsite #webdesign #uidesign #creativecoding

[ AI website builder, AI web design, Interactive menu, Restaurant website, Cafe website, Bakery website, Food website, Carousel animation, Hero section, Hero animation, Video hero section, Product reveal, Prompt library, Website prompts, Animated website, Landing page design, UI design, UX design, UI UX design, Web design, Web designer, Web development, Frontend, Frontend developer, Interaction design, UI animation, Motion design, GSAP, Product design, Design inspiration, Design tips, Creative coding, Claude AI, AI video, AI food photography, Vibe coding, No code, AI tools, AI workflow, Design community, Design reel, Muffin, Bakery branding, Web design India, Startup India, Thinking Gods ] by @thinkingods

Comment “SHARK” and I’ll send you the whole project: prompt, video, code, the lot. 🦈

Most video heroes loop a clip and hope you don’t notice the seam. This one plays once. A mako cuts in from the left, turns to face you, and bites. The camera punches in on the jaws, the page shakes once, and only then does the headline arrive.

The trick is the name behind it. “MAKO” sits one shade lighter than the water with a lighten blend, so the shark always swims in front of its own name, without a cutout or a mask.

The depth gauge on the left counts down to 200 m while it swims and locks red on the bite. The thumbnails in the bottom dock are crops of that same final frame: the eye, the teeth, the tail.

Your DM gets the full build: the Flow video prompt, the website prompt, the video and the single-file HTML. Drag, paste, double-click.

Save this for your next hero.

#aiwebsite #webdesign #uidesign #creativecoding

[ AI website builder, AI web design, Video hero section, Hero animation, Shark animation, Underwater website, Dark website design, Prompt library, Website prompts, Animated website, Hero section, Landing page design, UI design, UX design, UI UX design, Web design, Web designer, Web development, Frontend, Frontend developer, Interaction design, UI animation, Motion design, Product design, Design inspiration, Design tools, Creative coding, Claude AI, Google Flow, Veo 3, AI video, Vibe coding, No code, AI tools, AI workflow, Design community, Design reel, Mako shark, Web design India, Startup India, Thinking Gods ] by @thinkingods

Comment “SLIDERS” to get these “Free For Now” and I’ll DM you the link to all five components 💬

Top 5 Slider/Carousel Components 📚
We picked five of our favourite sliders and carousels from the Thinking Gods component library. Some are clean ways to browse content, others are more playful and experimental, so there’s something here for your next build.

01 Flick Cards Slider
02 Radial Cards Slider
03 Liquid Glass Carousel
04 Cascading Slider
05 Dropping Cards Stack

Every one is free and live on the site. Hover it, drag it, break it, then drop it into your own project. 20+ more resources are waiting in the library.

↓ Browse the full library
thinkingods.com/prompts

#webdesign #uidesign #webanimation #creativedevelopment

[slider, carousel, web components, UI components, GSAP, WebGL, interaction design, Framer, Webflow, frontend, web animation, Thinking Gods] by @thinkingods