Edux

🇨🇴 Bussines

[Basit A. Khan @basit_designs]

I am falling in love with this design aesthetics.
So you’re?

[Capital.com International @capitalcom]

AI Search. Your trading questions, answered. Built for better decisions. CFD Trading carries riskAI Search. Your trading questions, answered. Built for better decisions. CFD Trading carries riskAI Search. Your trading questions, answered. Built for better decisions. CFD Trading carries riskAI Search. Your trading questions, answered. Built for better decisions. CFD Trading carries riskAI Search. Your trading questions, answered. Built for better decisions. CFD Trading carries riskAI Search. Your trading questions, answered. Built for better decisions. CFD Trading carries risk.

[Viktor Oddy @viktoroddy]

❤️‍🔥GPT 5.5 + Codex

Prompt ↓

[Joshua Guo @jshguo]

Pricing section. Made with @cursor_ai design mode.

[FHILY👑 @Oluwaphilemon1]

How i build with Claude👇

1. CSS object-fit cover = immersive architecture photography zero cropping
Vanilla Tilt.js = 3D parallax on cards zero WebGL needed

2. Two warm colors = luxury restraint excess always looks cheap

3. CSS scroll-snap = each gallery room snaps fullscreen effortlessly

4.SVG path animation = floor plan outlines draw on scroll

5. IntersectionObserver = high resolution photos never slow the page

Save this

[UI/UX Savior @UiSavior]

Go-to sites to learn UI design for free

Motion → https://t.co/Jk31XAgeha
Patterns → https://t.co/kME36gL8oN
AB Tests → https://t.co/F6uOKHpe4Y
Inspiration → https://t.co/30XCqDEaFN
Breakdowns → https://t.co/SjEsYUiwB0
UI components → https://t.co/48ztCRZ654

Did I miss any? 🤔

[Viktor Oddy @viktoroddy]

Google Antigravity is insane.

❤️‍🔥Just recorded a 19-min tutorial on how to build this animated, award-winning website with Antigravity + GPT Image 2!

[Nima 🕹 @Nima1980]

پولسیا ی�� شرکتیه که با فقط یه بنیانگذار و هوش مصنوعی کار میکنه و هیچ کارمندی نداره

تازه ۳۰ میلیون دلار سرمایه جذب کرده با ارزش ۲۵۰ میلیون دلار و داره به حدود ۱۰ میلیون دلار درآمد سالانه میرسه

درواقع یه سیستمی از ایجنت‌هاست که کل شرکت رو خودش مدیریت میکنه؛ برنامه‌نویسی، تحقی��، تبلیغات، پشتیبانی مشتری و هر چیزی که شرکت لازم داره

هیچ استخدامی نمیکنی، فقط دستور میدی

حتی خودش جذب سرمایه کرده، به سرمایه‌گذارا جواب داده، چشم‌انداز شرکت رو توضیح داده و دیتا روم رو مدیریت کرده

بدون کارمند، بدون جلسات، بدون بحث و بدون مدیر، همه چیز اتوماتیک و سریع پیش میره

[FHILY👑 @Oluwaphilemon1]

How I use Claude for 2D website animations 👇

1. Ask Claude to create CSS keyframes for floating or bounce effects

2. Use Claude to write fade-up animations on scroll

3. Ask Claude for parallax code for backgrounds

4. Generate hover effects like glow, scale, rotate buttons

5. Use Claude to animate text word by word

6. Paste the code, adjust timing, launch

Save this tutorial 🚀

[FHILY👑 @Oluwaphilemon1]

How I built with Claude 👇

Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D"

Use Three.js with WebGL to render all products in real time in the browser

Use Blender to model the packaging then export as GLTF to load in Three.js

Use GSAP for the smooth product rotation and hover interactions

Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

[Viktor Oddy @viktoroddy]

Access ALL prompts for stunning animated websites in one click: https://t.co/N0kni8yzNb

Build a single full-viewport hero section in React + TypeScript + Vite + Tailwind CSS, using `lucide-react` for icons. The component is a character-figurine carousel called "TOONHUB".

**Fonts (load in `index.html` head):**
```html
<link rel="preconnect" href="https://t.co/rsoRTSBepz" />
<link rel="preconnect" href="https://t.co/VkCjQLvdnP" crossorigin />
<link href="https://t.co/8t4Kzo1zNL" rel="stylesheet" />
```
Body font: `'Inter', sans-serif`. Display font (huge ghost text + bottom-right link): `'Anton', sans-serif`.

**Image data (4 items, exact URLs and colors):**
```ts
const IMAGES = [
{ src: 'https://t.co/aB5EkurEZm', bg: '#F4845F', panel: '#F79B7F' },
{ src: 'https://t.co/io6heD3I3x', bg: '#6BBF7A', panel: '#85CC92' },
{ src: 'https://t.co/KfUOheLYrG', bg: '#E882B4', panel: '#ED9DC4' },
{ src: 'https://t.co/pSSKkvRr4Y', bg: '#6EB5FF', panel: '#8DC4FF' },
];
```
Preload all 4 images on mount via `new Image()`.

**State & logic:**
- `activeIndex` (0–3), `isAnimating` boolean lock, `isMobile` (`window.innerWidth < 640`, updated on resize).
- `navigate('next' | 'prev')`: ignore if animating; set `isAnimating=true`; bump `activeIndex` `(prev+1)%4` or `(prev+3)%4`; release lock after `650ms`.
- Roles derived from activeIndex: `center=activeIndex`, `left=(activeIndex+3)%4`, `right=(activeIndex+1)%4`, `back=(activeIndex+2)%4`.

**Layout structure:**
Outer `<div>` has `backgroundColor: IMAGES[activeIndex].bg`, transition `background-color 650ms cubic-bezier(0.4,0,0.2,1)`, `fontFamily: 'Inter, sans-serif'`, `relative w-full overflow-hidden`. Inside, a `relative w-full` div with `height: 100vh; overflow: hidden`.

1. **Grain overlay** (`absolute inset-0 pointer-events-none`, zIndex 50): SVG fractalNoise data URI, `baseFrequency=0.9`, `numOctaves=4`, opacity 0.08 inside SVG, container `opacity: 0.4`, `backgroundSize: 200px 200px`, repeat.

2. **Giant ghost text "3D SHAPE"** (`absolute inset-x-0 flex items-center justify-center pointer-events-none select-none`, zIndex 2, `top: 18%`): font Anton, `fontSize: clamp(90px, 28vw, 380px)`, weight 900, color white, opacity 1, lineHeight 1, uppercase, letterSpacing `-0.02em`, whiteSpace nowrap.

3. **Top-left brand label "TOONHUB"** (`absolute top-6 left-4 sm:left-8`, zIndex 60): `text-xs font-semibold uppercase`, white, opacity 0.9, letterSpacing `0.18em`.

4. **Carousel** (`absolute inset-0`, zIndex 3): map all 4 IMAGES; each item is `position:absolute`, `aspectRatio: '0.6 / 1'`, with role-based styles below. Inside, an `<img>` `width:100%; height:100%; objectFit:contain; objectPosition:bottom center; draggable=false`.

Per-role style:
- **center**: `transform: translateX(-50%) scale(${isMobile?1.25:1.68})`, no blur, opacity 1, zIndex 20, `left:50%`, `height: isMobile?'60%':'92%'`, `bottom: isMobile?'22%':0`.
- **left**: `translateX(-50%) scale(1)`, blur 2px, opacity 0.85, zIndex 10, `left: isMobile?'20%':'30%'`, `height: isMobile?'16%':'28%'`, `bottom: isMobile?'32%':'12%'`.
- **right**: same as left but `left: isMobile?'80%':'70%'`.
- **back**: `translateX(-50%) scale(1)`, blur 4px, opacity 1, zIndex 5, `left:50%`, `height: isMobile?'13%':'22%'`, `bottom: isMobile?'32%':'12%'`.

Transition on each item: `transform 650ms cubic-bezier(0.4,0,0.2,1), filter 650ms ..., opacity 650ms ..., left 650ms ...`. `willChange: transform, filter, opacity`.

5. **Bottom-left text + nav buttons** (`absolute bottom-6 left-4 sm:bottom-20 sm:left-24`, zIndex 60, `maxWidth:320px`):
- `<p>` "TOONHUB FIGURINES" — bold uppercase, tracking-widest, `mb-2 sm:mb-3 text-base sm:text-[22px]`, white, opacity 0.95, letterSpacing `0.02em`.
- `<p>` (hidden on mobile, `hidden sm:block`): "The artwork is stunning, shipped fully prepared. The finish is a vision, the 3D craft is flawless. Many thanks! Wishing you the win. Order now." — `text-xs sm:text-sm`, white, opacity 0.85, lineHeight 1.6, `mb-4 sm:mb-5`.
- Two circular buttons (`w-12 h-12 sm:w-16 sm:h-16`, transparent bg, 2px white border, white icon): `ArrowLeft` and `ArrowRight` from lucide-react, size 26, strokeWidth 2.25. On hover: scale 1.08 + bg `rgba(255,255,255,0.12)`. Transition `transform 150ms, background-color 150ms`. Click triggers `navigate('prev')` / `navigate('next')`.

6. **Bottom-right link "DISCOVER IT"** (`absolute bottom-6 right-4 sm:bottom-20 sm:right-10`, zIndex 60): `<a>` flex items-center, font Anton, `fontSize: clamp(20px, 4vw, 56px)`, weight 400, white, opacity 0.95→1 on hover (200ms), letterSpacing `-0.02em`, lineHeight 1, uppercase, no underline. Followed by `ArrowRight` (`w-5 h-5 sm:w-8 sm:h-8`, strokeWidth 2.25).

**Behavior summary:** clicking arrows rotates roles; background color, image positions, scales, blurs, and opacities all crossfade simultaneously over 650ms with `cubic-bezier(0.4,0,0.2,1)`. The character images sit at the bottom of the screen overlapping the giant "3D SHAPE" text behind them.

[Mark Lou @markproduct]

Access ALL prompts for stunning animated websites in one click: https://t.co/P1mIkZw0UC

Prompt:

Act as an Expert Frontend Developer. Your task is to build a highly responsive, cinematic Hero Section in a single HTML file. You must use Tailwind CSS (via CDN) for styling and Vanilla JavaScript for custom animations.

Here are the strict requirements for the build:

1. GLOBAL SETUP & TECH STACK
- Use a single `index.html` file. Do not separate CSS or JS into other files.
- Load Tailwind CSS via CDN.
- Use the 'Inter' font from Google Fonts (weights: 300, 400, 500, 600, 700).
- The body should be `min-h-screen`, `text-white`, and have a black background.

2. BACKGROUND VIDEO & OVERLAY
- Create a fixed, fullscreen background layer (`z-index: -1`, `object-fit: cover`).
- Use this EXACT video URL for the background: 
  `https://t.co/LyovWJ08lb`
- Add an absolute overlay with `bg-black/30` over the video to ensure text readability.

3. HEADER & NAVIGATION (Absolute positioned at top, z-index: 10)
- Padding: `px-6 py-6 md:px-16 md:py-10`.
- Left Side (Logo): A small white abstract globe SVG icon inside a `w-8 h-8 bg-white/20 backdrop-blur-md rounded-full` container. Next to it, the text "Trav" (font-medium, size 16px, tracking-wide).
- Right Side (Desktop Nav): Hidden on mobile. Links: "Home, Our Story, FAQ, Policies". Font weight must be `medium`, size `14px`, text color `white/95`. Space between links should be `space-x-10`.
- Mobile Nav: A hamburger icon that triggers a full-screen, backdrop-blurred black overlay menu with the navigation links. 

4. MAIN HERO CONTENT (Centered flex container, max-w-4xl, h-[100dvh])
- Icon: A white SVG Map Pin icon with a drop shadow, placed above the main heading.
- Main Heading: "Begin Your Next<br class='hidden md:block'/>Big Adventure". 
  - Styling: Exactly `60px` on desktop (`md:text-[60px]`), smaller on mobile. `font-semibold`, negative tracking (`tracking-[-0.02em]`), `leading-[1.1]`.
- Subheading: "Discover hidden gems, plan unforgettable trips, and<br class='hidden md:block'/>explore the world — all in one seamless app."
  - Styling: `16px` or `17px`, `font-medium`, `text-white/95`, `leading-[1.6]`. Max width of `480px`.
- CTA Button: "Download Now". White background, black text, `rounded-full`, `font-medium`, `15px`. Add a custom CSS hover effect that creates a subtle white glow/box-shadow.

5. CUSTOM STEP-BY-STEP ANIMATIONS (Crucial Requirement)
- CSS Animations: Write custom `@keyframes` for a slight fade-and-slide-up effect (`transform: translateY(15px)` to `0`).
- JavaScript Word-by-Word Logic: Write a script that runs on `DOMContentLoaded`. It must target the Main Heading and Subheading.
- The script must split the text nodes by spaces into individual words, wrap EVERY single word in a `<span class="word-wrap">`, and apply an incrementally increasing CSS `animation-delay` to each span. 
- Ensure the JS preserves `<br>` tags so the specific line breaks are not destroyed.
- Animation Timeline: The Pin icon drops in first. The Heading animates word-by-word. Right as the heading finishes, the Subheading animates word-by-word. Finally, the Button fades in from the bottom.

[Viktor Oddy @viktoroddy]

GPT Image 2 + VEO 3 + @Lovable

Prompt below ↓

[FHILY👑 @Oluwaphilemon1]

How I built with Lovable 👇

1. Start with midnight blue + soft sand feels cinematic instantly

2. Tell Lovable to make it a single scroll page with scene transitions

3. Add a lone figure walking through a dreamy 3D landscape

4. Each scroll section reveals a new sleep science fact

5. Use CSS fluid shapes for organic background movement

6. Wide spacing + slow fade-ins let the content breathe

7. Deploy in one click no code, no agency, no $10k budget

[Movez @0xMovez]

Google Cloud AI engineer just showed how they go from idea to deployed app at Google in 30-minutes using Claude.

26-minutes. free. by Google AI team.

one person + Claude + Google Cloud = a full engineering org running on a laptop.

worth more than any $500 vibe-coding course.

[Nima 🕹 @Nima1980]

رورک کلاد معرفی شد.

رورک، یک ابزار ساخت اپ با هوش مصنوعی است. حالا می‌تواند از بیش از ۱۵۰ مدل هوش مصنوعی استفاده کند و تقریبا هر اپ هوش مصنوعی را خیلی سریع بسازد.

مثلا می‌شود با Kling 3.0 فیلم‌ساز ساخت، با GPT-Image 2 استودیوی عکس درست کرد، با GPT-5.5 معلم هوش مصنوعی ساخت، یا با ElevenLabs، ابزار معروف ساخت صدا با هوش مصنوعی، دستیار صوتی درست کرد.

نکته مهم این است که خودت انتخاب می‌کنی اپت از کدام مدل استفاده کند، بدون اینکه نیاز به API Key داشته باشی.

[Nima 🕹 @Nima1980]

گوگل یه ابزار جدید داده به اسم Pomelli 😄

محصولتو بهش میدی، خودش برات تبلیغ می‌سازه، کمپین می‌چینه، حتی عکس‌های حرفه‌ای هم تولید می‌کنه.

https://t.co/vveZLyZWAN

[Nima 🕹 @Nima1980]

کلود الان می‌تونه برات یه کانال یوتیوب کامل بسازه، در حد یه آژانس که ماهی ۱۰ هزار دلار درمیاره.

اونم رایگان.

اینجا ۷ تا پرامپته که کمک می‌کنه از صفر شروع کنی و تو ۹۰ روز به درآمد برسی

[Utkarsh Sharma @techxutkarsh]

You can make $500 per day if you have:

1. A laptop
2. Wi-Fi
3. Time

Here are 10 Claude Prompts that pay you daily:

[Rishabh @Rixhabh__]

The creator of Claude Code teaches more about vibe-coding in 30 minutes than most tutorials do in hours.

Save this — it'll change how you build forever.