Shiv Rai
Full-stack dev crafting polished web experiences.
New to Contra
Shiv is ready for their next project!
Here is something made within 2 hours in Rive. An interactive card animation.
0
9
I took part in contra X rive's #characterchallenge and the character I built is ... me.
I had never worked with Rive before and thought it would be a great opportunity to learn it and make something along the way. Rather than making a character I might never use again, I thought to make myself as the character and use the file in my portfolio.
You can interact here: https://shiv-rai.vercel.app/chat
(https://shiv-rai.vercel.app/chat)About my character: I am a Full-stack developer who has been recently into UI/UX and web design. And I am loving working on and creating animations.
The integration of the rive file in my portfolio is used to create a face-to-face chat like interface, where different animations occur based on the questions asked.
There are actually 60 different variations of animations that can be done for this file.
This was my second file I made in rive (first one was a simple animation just to know the workflow). How does it look?
6
271
Title: I See Everything
Have you ever wondered, what would you call someone who can see everything there is to see ? A god? Or just a human?
Can a human even see everything?
Find out more in this short cinematic which makes you think about a very simple thing.
Made using @Renoise Canvas
1
1
113
The kind of section that makes people stop scrolling
0
16
Playing with isometric objects and animations
0
25
Created this in Figma
1
2
57
How will you define this design?
1
23
I made WatchKit for Stitch Challenge. Tried to intentionally make it clean and spacious with a white theme.
Project Link: https://watch-kit.vercel.app/
WatchKit is a modern real-time analytics platform concept focused on speed, clarity, and privacy-first telemetry.
The project explores how AI-native workflows can accelerate the creation of polished, production-style interfaces while maintaining strong visual hierarchy, motion quality, and interaction design.
The interface was designed to feel lightweight and calm rather than dense or enterprise-heavy.
How I Used Google Stitch
Google Stitch was used as a core part of the creative and interface development workflow.
I used Stitch to explore designs, iterate, improve the designs.
The workflow was like this:
Generate initial interface directions in Stitch
2. Refine layouts using targeted prompts
3. Export to Google AI studios to build the app
4. Export and further polish the final implementation in VS Code
5. Publish through Github to Vercel
Feedback on Stitch
The best feature from the new features recently added to stitch was the in-place AI edits.
Walkthrough Video
Walkthrough video contains generations in stitch, export to Google Ai studio and demo of the website.
2
2
113
Built a full stack app using Nextjs, typescript, tailwindcss, Nodejs, Express, Supabase and DodoPayments
0
99
List of 30+ programs your startup can apply to
0
55
Multi-chain blockchain card game with hybrid architecture
0
78
Android App released on Google play
0
75