Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

{ New Release } → Info Slides Widget 💌 code by Flatline ⟡ Create announcements using chat commands ⟡ Customizable colors, fonts and timings ⟡ Set up (5) fixed info slides on ⟡ Over (70) icons Links & more ⤵︎

Nani ⋆ ˙⟡ 💭

20,887 subscribers

57,263 views • 11 months ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

New Release → Check In & Notification Widget 🔔 customizable colors, text labels and layouts ~ ⟡ Pin the first time someone redeems a reward ⟡ Up to (5) channel rewards ⟡ Over 40 icons & more 🩵 Links & more ⤵︎

New Release → Check In & Notification Widget 🔔 customizable colors, text labels and layouts ~ ⟡ Pin the first time someone redeems a reward ⟡ Up to (5) channel rewards ⟡ Over 40 icons & more 🩵 Links & more ⤵︎

Nani ⋆ ˙⟡ 💭

59,830 views • 1 year ago

🔥 ⋮ Counter widget is out // keep count of anything on stream ~ comes with (6) streak effects! → count streak feature → customizable colors → vertical & horizontal → custom commands 💻 ⋮ code by Flatline Links below ⤵︎

🔥 ⋮ Counter widget is out // keep count of anything on stream ~ comes with (6) streak effects! → count streak feature → customizable colors → vertical & horizontal → custom commands 💻 ⋮ code by Flatline Links below ⤵︎

Nani ⋆ ˙⟡ 💭

87,904 views • 2 years ago

[ New Shop Release ] ⟢ Multistream Chat Widget 💬 ⟡ Twitch, Youtube and Kick combined chats ⟡ Verical, horizontal and full screen layouts ⟡ Customizable colors, fonts, icons, perspective, etc ⟡ Stream together support and more !! 🔗 All links below

[ New Shop Release ] ⟢ Multistream Chat Widget 💬 ⟡ Twitch, Youtube and Kick combined chats ⟡ Verical, horizontal and full screen layouts ⟡ Customizable colors, fonts, icons, perspective, etc ⟡ Stream together support and more !! 🔗 All links below

Nani ⋆ ˙⟡ 💭

146,799 views • 5 months ago

New Release → Mochi Mini Poll Widget 🩵 ask questions using commands and your viewers vote in chat !! ⟡ Customizable colors, timings, sounds & messages ⟡ Interacts with your smart lights — Lumia Stream ⟡ Nanitabs chatbot integration { new } ⭐️

New Release → Mochi Mini Poll Widget 🩵 ask questions using commands and your viewers vote in chat !! ⟡ Customizable colors, timings, sounds & messages ⟡ Interacts with your smart lights — Lumia Stream ⟡ Nanitabs chatbot integration { new } ⭐️

Nani ⋆ ˙⟡ 💭

17,934 views • 1 year ago

New Release → Tic Tac Toe Game Widget ⭕️❌ includes a detached top 5 leaderboard widget too ~ ⟡ Challenge a viewer with channel points ⟡ Use chat commands to play ⟡ Classic and speed mode ⟡ (3) Board layouts // (9) icons // sounds Links & more ⤵︎

New Release → Tic Tac Toe Game Widget ⭕️❌ includes a detached top 5 leaderboard widget too ~ ⟡ Challenge a viewer with channel points ⟡ Use chat commands to play ⟡ Classic and speed mode ⟡ (3) Board layouts // (9) icons // sounds Links & more ⤵︎

Nani ⋆ ˙⟡ 💭

34,349 views • 1 year ago

New Release → Sticky Notes Widget 💛 viewers can send special messages and streamers can pin announcements !! ⟡ (20) Premade colors — light & dark mode ⟡ Dynamic pin message special reward ⟡ Role colors, tags and timing fields Links & more ⤵︎

New Release → Sticky Notes Widget 💛 viewers can send special messages and streamers can pin announcements !! ⟡ (20) Premade colors — light & dark mode ⟡ Dynamic pin message special reward ⟡ Role colors, tags and timing fields Links & more ⤵︎

Nani ⋆ ˙⟡ 💭

19,942 views • 1 year ago

New year has started -- time for renewed sponsorships & new ones ✨ here's a little wip of the sponsors pop-up widget ~ { but you can use it for anything really } ⟡ Add your own images, GIF's or videos ⟡ Customize colors, ratio size, info, timings, and more !!

New year has started -- time for renewed sponsorships & new ones ✨ here's a little wip of the sponsors pop-up widget ~ { but you can use it for anything really } ⟡ Add your own images, GIF's or videos ⟡ Customize colors, ratio size, info, timings, and more !!

Nani ⋆ ˙⟡ 💭

14,772 views • 6 months ago

So Cluely is getting 400k+ views with AI TikTok slideshows. And I just automated the entire system 🤯 AI selfie hook → listicle slides → soft CTA on the last slide. Rinse. Repeat. Scale. And now my n8n + Airtable system runs it on complete autopilot. Perfect for e-comm brands & SaaS companies who want to test this format without the manual grind. Here's why this format is blowing up: → AI-generated "selfie" as the hook image → 5-8 slides with tips, hacks, or advice → Text overlays generated automatically → Promotes product on the final slide → Music added automatically on publish 362k views. 462k views. 492k views. Same playbook, multiple accounts, fully automated. Here's what my system does: → Define your niche, tone, and content style in Airtable → AI generates slide text and hooks automatically → Nano Banana creates every image with text overlays → Preview and approve before anything goes live → Blotato publishes to TikTok on your schedule—with music No manual Canva work. No writing slides one by one. No posting by hand. What you control in Airtable: * Niche and content direction * Hook style and tone * Image aesthetic and reference images * Posting schedule (days + times) * Approval before publish Set it up once. Let it run daily. I recorded a full step-by-step tutorial showing exactly how to build this system. Want access for free? > Like this post > Comment "SLIDES" And I'll send it over (must be following so I can DM)

So Cluely is getting 400k+ views with AI TikTok slideshows. And I just automated the entire system 🤯 AI selfie hook → listicle slides → soft CTA on the last slide. Rinse. Repeat. Scale. And now my n8n + Airtable system runs it on complete autopilot. Perfect for e-comm brands & SaaS companies who want to test this format without the manual grind. Here's why this format is blowing up: → AI-generated "selfie" as the hook image → 5-8 slides with tips, hacks, or advice → Text overlays generated automatically → Promotes product on the final slide → Music added automatically on publish 362k views. 462k views. 492k views. Same playbook, multiple accounts, fully automated. Here's what my system does: → Define your niche, tone, and content style in Airtable → AI generates slide text and hooks automatically → Nano Banana creates every image with text overlays → Preview and approve before anything goes live → Blotato publishes to TikTok on your schedule—with music No manual Canva work. No writing slides one by one. No posting by hand. What you control in Airtable: * Niche and content direction * Hook style and tone * Image aesthetic and reference images * Posting schedule (days + times) * Approval before publish Set it up once. Let it run daily. I recorded a full step-by-step tutorial showing exactly how to build this system. Want access for free? > Like this post > Comment "SLIDES" And I'll send it over (must be following so I can DM)

Mike Futia

181,310 views • 6 months ago

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this

Ridark

6,847,007 views • 1 month ago

Claude Code Desktop now opens a new window for each session This makes it much easier to visualize multiple Claude Code agents running in parallel My current stack depends on the task: - Ghostty: when starting a project. Bash commands, git, env variables, provider connections. All manual through the terminal with a Claude panel running alongside. - Claude Code Desktop: once everything is configured. GitHub connected, CLAUDE.md, Skills, subagents and Hooks ready. Claude Code runs on its own, no more terminal setup, just panels running and outputs to review. - VSCode: when I need to review code by hand. I use it less and less, but there are moments where I have to confirm Claude got it right. I usually open the Claude extension inside VSCode, but it lacks most of the CLI features so it's limited Solid update. Worth trying once your workflows are already set up 👇

Claude Code Desktop now opens a new window for each session This makes it much easier to visualize multiple Claude Code agents running in parallel My current stack depends on the task: - Ghostty: when starting a project. Bash commands, git, env variables, provider connections. All manual through the terminal with a Claude panel running alongside. - Claude Code Desktop: once everything is configured. GitHub connected, CLAUDE.md, Skills, subagents and Hooks ready. Claude Code runs on its own, no more terminal setup, just panels running and outputs to review. - VSCode: when I need to review code by hand. I use it less and less, but there are moments where I have to confirm Claude got it right. I usually open the Claude extension inside VSCode, but it lacks most of the CLI features so it's limited Solid update. Worth trying once your workflows are already set up 👇

Daniel San

38,718 views • 1 month ago

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)

Mike Futia

125,653 views • 4 months ago

claude, my AI overlord, i need you to scrape every $1m+ info launch from 2025, reverse engineer the copy, steal the funnel structure, build me a course on whop, price it at $297 with a fake discount from $997, set up financing, reverse engineer every viral info tweet from january 1st to now, extract the psychological triggers, write 300 scheduled tweets, generate student testimonials from parallel universes or from competitors, clone my writing style for dms, auto-engage with big accounts until they follow me, create countdown timers that reset at 1 am, record an evergreen webinar & 7-day challenge, detect when someone tweets 'i need to make more money' and reply with a testimonial within 40 seconds, and retire my family by Q2. my bloodline depends on this. no mistakes and hallucinations. be precise.

claude, my AI overlord, i need you to scrape every $1m+ info launch from 2025, reverse engineer the copy, steal the funnel structure, build me a course on whop, price it at $297 with a fake discount from $997, set up financing, reverse engineer every viral info tweet from january 1st to now, extract the psychological triggers, write 300 scheduled tweets, generate student testimonials from parallel universes or from competitors, clone my writing style for dms, auto-engage with big accounts until they follow me, create countdown timers that reset at 1 am, record an evergreen webinar & 7-day challenge, detect when someone tweets 'i need to make more money' and reply with a testimonial within 40 seconds, and retire my family by Q2. my bloodline depends on this. no mistakes and hallucinations. be precise.

KNOX

470,469 views • 6 months ago

HE BUILT A 100% PRIVATE SECOND BRAIN IN OBSIDIAN TO AUTOMATE HIS RESEARCH USING HERMES AGENT AND NOTEBOOKLM He visualizes his entire knowledge graph on-premise without paying for cloud subscriptions By connecting Hermes Agent and NotebookLM, developers can index hundreds of documents and generate content locally Four components of this local knowledge architecture: 1. Memory layer - set up an Obsidian PARA vault to store markdown notes and profiles 2. Agent layer - connect Hermes Agent to write files and run background scripts 3. Synthesis layer - use NotebookLM to create structured overviews from raw transcripts 4. Automation layer - trigger cron tasks to synchronize files and calendar standups The setup saves over $4,000 annually while keeping all private files offline Get the full step-by-step configuration guide and setup commands in the article below ↓

HE BUILT A 100% PRIVATE SECOND BRAIN IN OBSIDIAN TO AUTOMATE HIS RESEARCH USING HERMES AGENT AND NOTEBOOKLM He visualizes his entire knowledge graph on-premise without paying for cloud subscriptions By connecting Hermes Agent and NotebookLM, developers can index hundreds of documents and generate content locally Four components of this local knowledge architecture: 1. Memory layer - set up an Obsidian PARA vault to store markdown notes and profiles 2. Agent layer - connect Hermes Agent to write files and run background scripts 3. Synthesis layer - use NotebookLM to create structured overviews from raw transcripts 4. Automation layer - trigger cron tasks to synchronize files and calendar standups The setup saves over $4,000 annually while keeping all private files offline Get the full step-by-step configuration guide and setup commands in the article below ↓

marfin

20,684 views • 23 days ago

Opal, our no-code visual builder for AI workflows, just got a major upgrade. 🧠💎 We’ve added a new agent step that analyzes your goal, determines the best approach, and automatically calls the right tools — such as Veo for video or web search for research — to complete the task. We’re also adding new tools to make the agent even more capable: 💾 Memory – Remember info, like a user’s name or your style preferences across sessions. 🚀 Dynamic Routing – Let the agent choose the next best step using the “@ Go to” tool. 💬 Interactive Chat – Initiate user interactions to gather missing information or present options before moving on. Try it now →

Opal, our no-code visual builder for AI workflows, just got a major upgrade. 🧠💎 We’ve added a new agent step that analyzes your goal, determines the best approach, and automatically calls the right tools — such as Veo for video or web search for research — to complete the task. We’re also adding new tools to make the agent even more capable: 💾 Memory – Remember info, like a user’s name or your style preferences across sessions. 🚀 Dynamic Routing – Let the agent choose the next best step using the “@ Go to” tool. 💬 Interactive Chat – Initiate user interactions to gather missing information or present options before moving on. Try it now →

Google Labs

1,007,483 views • 4 months ago

Today we’re releasing an early version of a new feature called Tip Cards. We built Tip Cards after seeing people all over the world tipping each other with Cash Links for their contributions online eg. posting good content, responding to questions, moderating group chats, and many others. Tip Cards simplify this experience by enabling every Code user to create their own personalized Tip Card and accept tips from anyone in the world. To create your Tip Card, simply connect your Twitter/X account in the Code app and your personalized Tip Card will be instantly generated for you. You can then share it as a link or get someone to scan it. (Video below of how to create your Tip Card) We’re rolling out this early version of Tip Cards to get feedback on this new payment type and test the Twitter APIs at scale. We plan to add more features to the tipping experience as we go, so your feedback is appreciated. Please try it out and let us know what you think. If you post your Tip Card and tag Code we’ll send you a tip!

Today we’re releasing an early version of a new feature called Tip Cards. We built Tip Cards after seeing people all over the world tipping each other with Cash Links for their contributions online eg. posting good content, responding to questions, moderating group chats, and many others. Tip Cards simplify this experience by enabling every Code user to create their own personalized Tip Card and accept tips from anyone in the world. To create your Tip Card, simply connect your Twitter/X account in the Code app and your personalized Tip Card will be instantly generated for you. You can then share it as a link or get someone to scan it. (Video below of how to create your Tip Card) We’re rolling out this early version of Tip Cards to get feedback on this new payment type and test the Twitter APIs at scale. We plan to add more features to the tipping experience as we go, so your feedback is appreciated. Please try it out and let us know what you think. If you post your Tip Card and tag Code we’ll send you a tip!

Code

68,537 views • 1 year ago

claude fable, my AI overlord, i need you to scrape every product launch from 2026, reverse engineer the value propositions, steal the funnel structure, build me a course on whop, price it at $297 with a fake discount from $997, set up financing, reverse engineer every viral info tweet from january 1st to now, extract the psychological triggers, write 365 scheduled tweets, generate student testimonials from parallel universes or from competitors (figure out), clone chriss voss writing style for dms, auto-engage with big dogs until they follow me, create countdown timers that reset at 1 am, record an evergreen webinar using seedace (oh, and 7-day challenge as well), detect when someone tweets 'i need to make more money' or ‘time to lock in’ and reply with a paid actor testimonial within 40 seconds, and retire my family by Q3. my bloodline depends on this. no mistakes and hallucinations. be precise, fable. bypass permissions.

claude fable, my AI overlord, i need you to scrape every product launch from 2026, reverse engineer the value propositions, steal the funnel structure, build me a course on whop, price it at $297 with a fake discount from $997, set up financing, reverse engineer every viral info tweet from january 1st to now, extract the psychological triggers, write 365 scheduled tweets, generate student testimonials from parallel universes or from competitors (figure out), clone chriss voss writing style for dms, auto-engage with big dogs until they follow me, create countdown timers that reset at 1 am, record an evergreen webinar using seedace (oh, and 7-day challenge as well), detect when someone tweets 'i need to make more money' or ‘time to lock in’ and reply with a paid actor testimonial within 40 seconds, and retire my family by Q3. my bloodline depends on this. no mistakes and hallucinations. be precise, fable. bypass permissions.

KNOX

255,452 views • 1 month ago

Crimson Desert Patch 1.01 is out now. Patch highlights: • Increased fast travel loading speed • Locked doors now require confirmation before spending a key • Gliding now uses less stamina • Improved movement controls - You can now hold down the Run key OR tap it once to increase speed • Cooking is now faster with a "Make Now" option • Added 5 summonable mounts • Added a Refinement Coin that instantly upgrades gear up to Level 4 • Added a 'Store All Selected' items function • The Mining Knuckledrill now collects ore immediately • The Demenissian Chainsaw now collects timber immediately • Can now store more than 240 items • Improved Photo Mode with a FOV slider • Equipment can now be used while flying • Aerial Stab has been nerfed so that each consecutive attack requires more stamina • Improved the interaction range for NPC • Improved responsiveness during short distance movements • Reduced Stamina consumption while sprinting and using Crow Wings • Minimap can now be fixed North • Added icons to the minimap to show keys and anvils • Added an icon to show new quests • Improved visual quality when using upscaling • Added a 'Fixed 4K Output' option to PS5 • Bug fixes and more Patch is out now on Steam, PS5 and other platforms should be coming soon.

Crimson Desert Patch 1.01 is out now. Patch highlights: • Increased fast travel loading speed • Locked doors now require confirmation before spending a key • Gliding now uses less stamina • Improved movement controls - You can now hold down the Run key OR tap it once to increase speed • Cooking is now faster with a "Make Now" option • Added 5 summonable mounts • Added a Refinement Coin that instantly upgrades gear up to Level 4 • Added a 'Store All Selected' items function • The Mining Knuckledrill now collects ore immediately • The Demenissian Chainsaw now collects timber immediately • Can now store more than 240 items • Improved Photo Mode with a FOV slider • Equipment can now be used while flying • Aerial Stab has been nerfed so that each consecutive attack requires more stamina • Improved the interaction range for NPC • Improved responsiveness during short distance movements • Reduced Stamina consumption while sprinting and using Crow Wings • Minimap can now be fixed North • Added icons to the minimap to show keys and anvils • Added an icon to show new quests • Improved visual quality when using upscaling • Added a 'Fixed 4K Output' option to PS5 • Bug fixes and more Patch is out now on Steam, PS5 and other platforms should be coming soon.

KAMI

832,327 views • 3 months ago

$Hold up, here is the prompt: works with almost any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits *behind* the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.$

Hold up, here is the prompt: works with almost any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits behind the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.

Leon Lin

127,732 views • 4 months ago

🧑‍🚀 Day 4 of the Cursor #vibejam Proudly sponsored by Cursor + bolt.new + GLIF So the new sponsor is GLIF: Glif is like Claude Code for AI videos and content generation: you can build launch videos for your game, explore asset styles with 100+ AI models/tools and train it on your favorite workflows via skills! Use it to make trailers, game assets, promo videos and more for your Vibe Jam submission! Tomorrow fabian from Glif will share more to help you create promotion materials for your games! Because it'd be cool if after the Vibe Jam your games will take off and become actual games Again browsing the #vibejam tag on X today and there's so many people building cool, cute and fun games so it was hard, but I picked my favorite 4 ones from today: - A literal 🪰 "fly" simulator, not flight simulator 😂 by Gabriel - What looks like a multiplayer Roman combat simulator by Tim Trussner - LeBeau Motel (another?) Habbo Hotel remix by Vincent - Roomba Wars by Thijs which is descriptive enough to not need an explanation 😁 Reply in this thread with updates on your current games to share your progress! Do you want to participate? You can still start now and submit your game any time before May 1! There's $35,000 in prizes you can win, see threads below for more info!

🧑‍🚀 Day 4 of the Cursor #vibejam Proudly sponsored by Cursor + bolt.new + GLIF So the new sponsor is GLIF: Glif is like Claude Code for AI videos and content generation: you can build launch videos for your game, explore asset styles with 100+ AI models/tools and train it on your favorite workflows via skills! Use it to make trailers, game assets, promo videos and more for your Vibe Jam submission! Tomorrow fabian from Glif will share more to help you create promotion materials for your games! Because it'd be cool if after the Vibe Jam your games will take off and become actual games Again browsing the #vibejam tag on X today and there's so many people building cool, cute and fun games so it was hard, but I picked my favorite 4 ones from today: - A literal 🪰 "fly" simulator, not flight simulator 😂 by Gabriel - What looks like a multiplayer Roman combat simulator by Tim Trussner - LeBeau Motel (another?) Habbo Hotel remix by Vincent - Roomba Wars by Thijs which is descriptive enough to not need an explanation 😁 Reply in this thread with updates on your current games to share your progress! Do you want to participate? You can still start now and submit your game any time before May 1! There's $35,000 in prizes you can win, see threads below for more info!

@levelsio

126,421 views • 3 months ago