Developer Tools3 weeks ago
Design. Animate. to Code.
@JamesAuble https://t.co/GdUqHtJjbA
@Jasoliyaharsh1 · X
The full gallery
Tech stack
22 projects
@JamesAuble https://t.co/GdUqHtJjbA
@Jasoliyaharsh1 · X
Free JavaScript library for adding scroll animations, parallax effects, and text animations to websites using HTML attributes.
@iamdeepak89 · X
React library with 60+ scroll-driven section transitions for modern websites.
@itz_sayan_03 · X
Ever wondered how cinematic scroll-driven websites are built? 👀 Meet SectionFlow—an open-source React library with 60+ ready-to-use section transitions, a one-command CLI, reusable sections, and optimized performance. 🚀
Free frontend developer tools for CSS generation, image compression, and more.
@iamdeepak89 · X
Free React component library with 80+ glassmorphic designs for Next.js and Tailwind CSS.
@AdeebMirza83 · X
🚀 I just shipped IntelliHelper UI — my Liquid Glass React component library. Try it: GitHub: 80+ components. 5 gorgeous themes. CLI installs in seconds. Frosted chrome that stays quiet. Expressive content panels that pop. Built for Next.js + Tailwind, copy-paste ownership like shadcn, but with a stunning glass design system that feels premium. And yes — official plugins & MCP so Claude, Grok, Cursor & agents actually understand how to use it. Live previews, full source, open source (MIT). What do you think of the glass effect? 👇 Drop your feedback — building in public starts now! #React #NextJS #Tailwind #UI #OpenSource #WebDev #DesignSystem
Extract code, design tokens, fonts, colors, and media from any website instantly.
@bharatmodi2014 · X
Extract code, design tokens, fonts, colors, and media instantly. Save everything to the cloud, organize your library, and regenerate designs with your favorite AI.
Create vector and 3D animations in your browser with AI generation and keyframe editing.
@listudio · X
Fable 5 规划+Codex 执行，效率真的很 ok。一个周末上线了两个工具网站。麻了。。 👉： 和
Hand-crafted React components and templates for building polished user interfaces.
@polyqoy · X
This video shows a fully animated 3D site built in 2 minutes with claude code. one terminal command. but the prompt was almost irrelevant. the real work was the pre-load: ui/ux pro max skill, a hero component from framer motion stacked in before claude touched anything the toolkit did the job. the prompt just pulled the trigger. that's also why most people's claude output looks generic. they skip the setup and blame the model.
Turn screenshots into polished designs using a Chrome extension and web-based editor.
@buildwithshyam · X
Create animated videos from prompts or URLs using AI; edit with keyframes and effects, export as MP4, WebM, or GIF.
u/Savings_Wolverine408 · Reddit
turns out you can make launch videos in the browser now! turns out you can make launch videos in the browser now, and Claude Opus is doing the heavy part we have been working on vidmo.app , a free browser based motion design editor for making product videos, launch clips, social ads, and simple motion graphics without opening After Effects. the idea is not to make another AI video toy where you type one prompt and get stuck with whatever comes out. the editor works more lik
Generate interactive UI previews from text descriptions; export to native code or Figma.
@ArjunVr58131189 · X
- Design mobile apps like you own a team!
Turn SVG designs into puffy, glossy stickers with 3D effects and export as PNG.
@Ammar110_SM · X
Turn any SVG into a glossy die-cut sticker you can actually peel 🎨 Built Sticker Studio entirely in Wonder, UI in Wonder Chat, live shader outlines, and Wonder's MCP piped it all into Claude Code as a real app. Try it: @usewonder #wonderchallenge