Loading video...

Video Failed to Load

Go Home

3D Button using v0 + o1 Pro. Code in thread.

70,362 views • 1 year ago •via X (Twitter)

11 Comments

Ray Fernando's profile picture
Ray Fernando1 year ago

This was inspired by @tahahaider37

Ray Fernando's profile picture
Ray Fernando1 year ago

Started with v0 to generate the code and interactivity for the button with Figma design from @tahahaider37

Ray Fernando's profile picture
Ray Fernando1 year ago

I used o1 Pro with the rendered image to help me refine the code to better match the design.

Ray Fernando's profile picture
Ray Fernando1 year ago

This designer is a hidden gem with less than 30 followers. I can't wait to see more of his work: @tahahaider37

Ray Fernando's profile picture
Ray Fernando1 year ago

Design elevates AI apps from utilities to experiences.

Ronald Mannak's profile picture
Ronald Mannak1 year ago

Cool. Can it port it to SwiftUI too, or is Swift still an issue?

Ray Fernando's profile picture
Ray Fernando1 year ago

Oh good idea! Let me ask the Pro o1 :)

Ant A's profile picture
Ant A1 year ago

@stackblitz, @cursor_ai, @codeiumdev, @v0, @Replit The AI Agent IDE people need to make UI like this though:

Goran k's profile picture
Goran k1 year ago

A distinctive characteristic of a water droplet is that it creates contrasting light and dark areas depending on the direction of the light source. Maybe using o1 for also generating the descriptive prompt for v0 could be interesting

kohl's profile picture
kohl1 year ago

would you mind try using o1 an compare vs o1 pro

Ray Fernando's profile picture
Ray Fernando1 year ago

That is a good idea. Let me try.

Related Videos