Turning ideas into millions of views | Skilled Digital Media Producer & viral content creator. Growth at @SimplegharMedia
Hyderabad, India
Joined December 2008
- Tweets6.2K
- Following584
- Followers880
- Likes13K
Ravi Datti retweeted
The ultimate resource list for AI builders.
23 websites to help you design, build, and launch better products.
1 - inspora.design — Fresh inspiration for websites and digital products.
2 - banani.co — Turn ideas and prompts into editable UI designs.
3 - bestaibuilder.website — Discover AI app builders for your next project.
4- landdding.com — A collection of standout landing pages.
5 - supahero.io — Explore creative landing page designs.
6 - theinternetdesigns.com — Discover beautifully designed websites.
7 - wedoflow.com — 1,300+ unique website pages for inspiration.
8 - wonderlist.design — Premium Figma designs and resources.
9 - motionin.design — Motion design sections for modern websites.
10 - scrolltide.co — Scroll-driven website effects and inspiration.
11 - paperanimation.ai — Create playful paper-style animations.
12 - tripo3d.ai — Generate 3D models from text and images.
13 - launchvideos.gallery — Video launch inspiration for products.
14 - cta.gallery — Creative call-to-action design examples.
15 - footer.design — Great footer layouts for your websites.
16 - backgrounds.supply — Create custom backgrounds for your designs.
17 - grainient.supply — Beautiful gradients and grainy backgrounds.
18 - 3dicons.co — Free 3D icons for your projects.
19 - iconly.design — Curated icons for apps, games, and websites.
20 - logotouse.com — Logo inspiration for your next brand.
21 - fontinlogo.com — Discover fonts used by famous brands.
22 - scaledown.ai — Optimize images without unnecessary file bloat.
23 - on.design — A community for designers to share and discover work.
Save this before your next build.
Ravi Datti retweeted
Vibe coders, thank me later
21st.dev
reactbits.dev
magicui.design
uiverse.io
mobbin.com
Your app stops looking AI-generated!
Ravi Datti retweeted
Holy f*ck, you don't need After Effects anymore if you run Opus 5.5 with the right stack
15 free open-source repos replace a $5,000 studio invoice
3D. Motion. Sound. QA. Delivery.
Not by writing one prompt and praying
By running the full stack, all from code
Bookmark this before it's gone from your feed
All of it is free:
Blender → 3D, rigs and final renders
github.com/blender/blender
Three.js → real-time 3D in the browser
github.com/mrdoob/three.js
NumPy → every frame as raw numbers
github.com/numpy/numpy
Numba → heavy simulations at full speed
github.com/numba/numba
GSAP → UI animation and timelines
github.com/greensock/GSAP
Remotion → video written in React
github.com/remotion-dev/remo…
Puppeteer → captures UI frame by frame
github.com/puppeteer/puppete…
Tone.js → synths and sound design
github.com/Tonejs/Tone.js
SciPy → audio filters and reverb
github.com/scipy/scipy
Pedalboard → compression and limiting
github.com/spotify/pedalboar…
Pyloudnorm → loudness safe for every platform
github.com/csteinmetz1/pylou…
Faster-whisper → auto captions
github.com/SYSTRAN/faster-wh…
OpenCV → spots broken frames
github.com/opencv/opencv
Pillow → contact sheets and color checks
github.com/python-pillow/Pil…
FFmpeg → encode and deliver
github.com/FFmpeg/FFmpeg
Total cost: $0
Brief → timeline → animate → render → ship
Most people will keep begging AI for one clip at a time
Save this and send the list to your Opus 5.5
Then read the motion engineering guide below ↓
Ravi Datti retweeted
holy f*ck, web designers have NO IDEA what’s coming after them in 2027
the ones learning AI tools right now are getting ahead. the rest might be fighting for jobs they used to take for granted.
7 GitHub repos every designer should know before it’s too late:
1. Graphify
137k stars and in Y Combinator. point it at your old projects, brand PDFs and screenshots, and Claude gets a memory of everything you've ever designed. "what did this client hate last time?" answered in seconds
github.com/Graphify-Labs/gra…
2. Awesome DESIGN.md
84 design systems pulled from real sites, each one a single markdown file. drop it in your project, say "build me a page that looks like this", done
github.com/VoltAgent/awesome…
3. Hallmark
a design skill from Together AI that refuses to look AI-generated. 50 themes, checks every page in a real browser, and /hallmark redesign rebuilds any old page
github.com/Nutlope/hallmark
4. Huashu Design
one sentence in, a launch animation, clickable app prototype, editable PPT or infographic out. it shows you 6 directions first, you pick 3
github.com/alchaincyf/huashu…
5. Designer Skills Pack
273 skills and 76 commands for Claude Code: research, design systems, UI, interaction. a whole design department in one install
github.com/Owl-Listener/desi…
6. Motion Design Skill
LottieFiles taught AI to think like a motion director: timing, easing, choreography, Disney's 12 principles adapted for UI. this is where the "feel" comes from
github.com/LottieFiles/motio…
7. Blender Agent Skills
22 pro Blender workflows for Claude Code: modeling, materials, rigging, animation, rendering. the full 3D pipeline, not just "make a cube"
github.com/EL4CTEO/blender-s…
the cell you're watching?
built solo with Claude Code plus a few of these tools. no agency, no team, no After Effects.
want to make something like this?
like + save this post, comment "CELL" or DM me and I'll send you the exact prompt.
Ravi Datti retweeted
History class would’ve been different if the textbook looked like this.
Grab the Phoenix and spin it in your hands. Zoom into the Kraken's suckers. Flip the whole page from day to dusk.
> links in comment
> full prompt & agent md file
Ravi Datti retweeted
holy sh*t, someone turned Opus 5.5 into your own motion design studio with 637 animation techniques
every solo designer can steal the workflow
all organized into a guide and agent skill for Claude Code and Codex
the techniques to steal:
→ reveal products with animated masks
→ animate headlines with kinetic typography
→ guide viewers through your UI with clicks and highlights
→ turn metrics into moving charts and counters
→ explain agent systems with animated paths and diagrams
→ add depth with parallax, camera moves and 3D card flips
→ combine effects into product demos and launch videos
the useful part:
effect cards include timing, easing, parameters, examples and prompts
your agent gets specific references to build from
the workflow:
describe the scene → choose the technique → adapt the example → render → inspect
start with your next product launch:
one screenshot → one key interaction → a 10-second demo
save this, then read the full guide for Opus 5.5 Motion Engineering ↓
Absolutely this is great collection !!!!
If you're a designer, bookmark this.
1. scrolltide.co - 600+ design Prompts with full source code for 3D and scroll-driven sites
2. navbar.gallery - navbar inspiration
3. footer.design - better footers
4. cta.gallery - CTA inspiration
5. styles.refero.design - Real product design styles
6. supahero.io - Hero sections worth stealing
7. 3dicons.co - 3D icons for modern interfaces
8. glass.samasante.com - Glass UI components and effects
What did I miss?
Thank you for the feature. @SimpleGharMedia
Finally!!!
.@YouTube Shopping 🤝 @amazon
Exciting news: Amazon is coming to our YouTube Shopping affiliate program!
Eligible U.S. @YouTubeCreators will now be able to tag Amazon products in their Shorts, long-form videos and livestreams, making it even easier for viewers to buy the products they love from the creators they trust.
Ravi Datti retweeted
Anthropic engineer:
"You're not supposed to prompt Claude. You're supposed to build a system that prompts itself."
In 45 minutes she breaks down how Anthropic builds agents that remember, learn from their mistakes, and get smarter with every run.
Worth more than any paid course you'll find on building agents.
Watch the session, then read the guide on building loops below.
Ravi Datti retweeted
Anthropic Engineer Andrej Karpathy:
"The biggest mistake in AI right now - people are forcing agents to work instead of mastering the model first
We made that mistake in 2016 at OpenAI - It cost us 5 years "
what Karpathy actually means:
step 1 → stop forcing your agent to do everything, understand the model underneath first
step 2 → demos are easy - products take a decade. self-driving proved it - if you skip the foundation, everything breaks
step 3 → the agent is not the product. the foundation is. build that - and agents emerge on their own
"you building agents right now - you're at the forefront. not OpenAI. not DeepMind. you "
watch - bookmark, then read article below ↓
How Startups and Digital Goliaths Deploy AI to Grow Traffic & Revenue
detailed.com/deployed-v1/
Everyone has been asking:
How do I get my website cited by ChatGPT?
Most answers have been opinions.
Then @suganthan did something different.
Instead of guessing, he inspected ChatGPT's network traffic to understand how source selection actually works. suganthan.com/blog/how-chatg…
• Freshness and direct answers matter far more than many people realize.
What I appreciated most wasn't just the findings.
It was the methodology.