Loading video...
Video Failed to Load
Been thinking about sharing some fun, interactive science app ideas Made this one today UI design and planet textures GPT Images 2 Code Gemini 3.1 Pro
400,271 views • 5 months ago •via X (Twitter)
70 Comments

I'm actually shifting this series from futuristic layouts to fun, interactive science apps for now, since it may be more helpful for people looking to build this kind of apps

I used the UI from this demo and changed it a bit to fit the planetary exploration theme

Here's an interactive map UI that I built recently

Another similar series I worked on in the past

Oh my daughter would love this.. how can she play with it?

thanks! not hosted yet, but I'll probably put some of these online once I make a few more

This is the kind of passion project that ends up becoming a real product, please keep building 🔥

thanks! I will

nice 🫡

wow beautiful UI and animations , awesome 😀

thanks

this is actually genius, so much potential in this idea

thanks

Which ai models you using to convert it to 3d and all ?

Once I generated the UI, I just upload it to Gemini and ask it to create it with react, not a single prompt, it takes a lot of fine tuning the get the things like colors right and animations feel natural

I see great it looks awesome

You can host all of these apps on for free, just give a teenyapp link to the AI that built your apps and tell it to deploy it there

What would be pretty cool if you could zoom in on each planet

thanks! will do that on a future demo

Great work though I really like what you’re doing!

This looks clean and cool

thanks

This looks incredible! I’d definitely love to see more of these interactive science app ideas. Please keep sharing!

thanks, will do

epic

thanks

I like these series of UI and animation explorations. Very cool work!

thanks

Looks so clean! My son is obsessed with planets. Would love to explore this with him

awesome!

这么强吗?感觉在科学教育有很大作用😇

Check out the Physics games on Rosebud: We'd love to send you a code and have you experiment on the platform!

Very cool stuff ! How did you build it?

Uno así para @NoMansSky 🥵🥵🥵🥵

cool

thanks

Super clean. Well done!

thanks

My 7 year old kid will love this. Amazing job!

awesome!

This is so cool, I want to make a planet editor like this for my game, Freeball

thanks! if you want to generate planets with some terrains there are couple of algorithms you can use, will probably share some of those on a future demo

Can’t wait, I’m basically making Minecraft in space haha so I have to get procedural universe generation down and I’m trying to do it all in the browser. It may be broken rn but, not totally..

awesome!

So cool! Where's the link?

thanks, I haven't deployed it yet, will do at some point

Isso é muito legal!

thanks

splitting it like this makes sense. GPT Images for assets, Gemini for code. using models at what they're actually good at instead of forcing one to do everything.

I love this. So many usecase in education!

thanks, yeah!

Oh please yes.

I would love to use this for my science class (highschool special education) is there a way to access it?

I haven't hosted it yet, but since ther's been a lot of interest, I'm planning to put some of these demos online soon. The data is currently mock data, but I'll look into working with someone more familiar with space to add real data as well.

Nice 👍

thanks

nice balance between visual and interaction here, doesn’t feel overwhelming

Extremely beautiful stuff

@Noam_Maman2 thanks

This looks actually amazing. Have you just used AI for code, or have you also written some code yourself as well?

I didn't write any of the code myself, but when something breaks, I usually check it and give the model a few hints to fix things faster.

I feel that is something that most people don't realise about coding using AI that we still need to know how to code in order to build something.

Kindly share how you were able to get this texture and nice simulation

thanks.

gemini 3.1 pro sounds cool! how's the coding been going for you?

Neat

thanks

Ngl I would love something like this for the game No Mans Sky. Like a companion app to log the systems you’ve been to. And for world building stuff. Cataloguing systems you make within a world.

cool idea!. might build something similar as a future demo

I really think it’d be cool. I doubt it can actually integrate into the game, but maybe you take a picture of the system when you arrive, upload it in the app and then it creates mockups (similar to yours above). And if it’s for story/worldbuilding, maybe you describe the system, like prompting midjourney, and it spits out a system. Gosh.. the world we’re moving into could be soo cool. As long as it doesn’t turn dystopic. I love what ai can do. Really liked this though. One of the coolest things I’ve seen in a while!

