FRONTEND DEVELOPER | Front-End Focused | Passionate About Web Technologies | Ai Motion Designer
Delta State, Nigeria
Joined May 2023
- Tweets4.6K
- Following981
- Followers434
- Likes20K
Pinned Tweet
built this website project a while back
just added motion using after effect
just keep building and pushing
live url link: synthoria.netlify.app/
check it out and pls drop your feedback
DeVpeteršŖ retweeted
Access the links here:
app.notion.com/p/8-YouTube-Cā¦
DeVpeteršŖ retweeted
10 Prompts to Make AI-Built Apps and websites Look Premium .
Add these shortcuts to the end of any prompt and your AI-built app/websites instantly looks more professional:
/minimal ā Strips out clutter and keeps one clear action per screen.
/spacing ā Fixes cramped screens with a proper 8pt grid.
/states ā Adds empty, loading and error screens so nothing looks broken.
/real ā Replaces placeholder text with realistic names, prices and dates.
/polish ā Runs a senior designer review before you launch.
Paste the setup once, then stack them like this: āBuild a wallet home screen /minimal /real /polishā
Comment āSHORTCUTSā and Iāll send you the complete list.
Save this for your next build. āØ
DeVpeteršŖ retweeted
8 creative tools to make your designs feel less predictable. Save these ā
- gradientool.com
- backgrounds.supply/gradient-ā¦
- animos.app/editor
- cutting-mat-generator.vercelā¦
- spacetypegenerator.com
- bookofshapes.com
- tabbied.com/patterns
- dotforge.vercel.app
Which one are you trying first?
DeVpeteršŖ retweeted
The ultimate AI designer resource list š
A giant collection of resources for inspiration, references, branding, UI, motion, and building.
1. modulify.ai/templates ā 100+ free sites
2. wedoflow.com ā 1,300+ website pages
3. landdding.com ā 170+ visual references
4. motionin.design ā Motion sections
5. iconly.design ā 900+ curated app icons
6. fontinlogo.com ā Find famous Typefaces
7. logotouse.com ā Gives Logo References
8. whipsaw.com ā Find Product inspo
9. logomaker.modulify.ai ā AI logo creation
10. bestaibuilder.website ā AI website builder
11. ikonik.modulify.ai ā Curated icon library
If youāre an AI designer, bookmark these before you open Claude.
DeVpeteršŖ retweeted
Every serious vibe coder should have bookmarked it.
25 vibe coding resources to keep yourself ahead of the competition.
1. jiro.build ā design prompt library with 1200+ AI-ready design prompts to help you design beautiful websites fast with AI.
2. Minimal Gallery (minimal.gallery) ā curated high-end sites to feed your agent
3. Kage (kage.design) ā real UI inspiration mapped straight to prompts
4. Refero Styles (styles.refero.design) ā 2,000+ real product styles with typography
5. Component Gallery (component.gallery) ā 2,600+ examples of how top design systems solve the same element
6. AppShot Gallery (appshot.gallery) ā real app screenshots for mobile
7. DESIGNmd (designmd.ai) ā design systems as markdown your agent can read
8. VibePrompt (vibeprompts.dev) ā ready-made prompts for dashboards and landing pages
9. 21st.dev (21st.dev) ā component registry that plugs into agents via MCP
10. Kinetics (kinetics.colorion.co) ā 150+ motion effects with React code and prompts
11. shadcn/ui (ui.shadcn.com) ā still the gold standard for clean, reusable UI
12. Aceternity UI (ui.aceternity.com) ā 200+ animated React/Tailwind components
13. Magic UI (magicui.design) ā beautifully designed components for modern web apps
14. Motion Primitives (motion-primitives.com) ā ready-to-use animation and interaction components
15. Uiverse (uiverse.io) ā community-built UI elements and interactive components
16. UIAble (uiable.com) ā a collection of ready-to-use UI components
17. mapcn (mapcn.dev) ā map components, markers, routes, popups
18. MicroKit UI (microkit.co) ā small micro-interactions that make interfaces feel polished
19. Liquid Glass (glass.samasante.com) ā glass refraction components and effects
20. CSS Text Effects (text-effects.colorion.co) ā creative CSS text animations and effects
21. Circle Loaders (circleloaders.dominikakissi.ā¦) ā creative loading animations and loaders
22. Gradient Buttons (gradientbuttons.colorion.co) ā gradient button styles and effects
23. Kitbitz (kitbitz.art) ā 2,000+ hand-drawn illustrations
24. 3Dicons (3dicons.co) ā a library of free 3D icons for modern interfaces
25. Anime.js (animejs.com) ā lightweight JavaScript animation library for the web
If you're building with AI, this list will save you hours.
Save it. š
DeVpeteršŖ retweeted
I built a game we grew up playing in Nigeria.
Small pitch, tiny posts, no keeper. Just dribbling, passing, shooting and trying not to get cooked.
Plays in your browser, no download.
MONKEY POST
Check it out here:
monkeypost.xyz
DeVpeteršŖ retweeted
āØ Go-to brand design resources š
Decks ā deck.gallery
Logos ā logosystem.co
Inspiration ā visualjournal.it
Brand videos ā rebrand.gallery
Brand guidelines ā brandguidelines.net
Any others?
DeVpeteršŖ retweeted
Goldmineeeš
Graphic Design (Beginner - Advanced Level)
mega.nz/folder/UrRSHY7Y#mo5Rā¦
Full stack Development
drive.google.com/drive/mobilā¦
drive.google.com/drive/mobilā¦
Project Management
drive.google.com/drive/mobilā¦
Vibecoding
drive.google.com/drive/mobilā¦
Digital Marketing
drive.google.com/drive/mobilā¦
Video Editing - Adobe Premiere Pro
drive.google.com/drive/mobilā¦
Copywriting, SEO, Content writing
drive.google.com/drive/mobilā¦
Advanced CapCut course
drive.google.com/drive/mobilā¦
Free
Video Editing with AI
drive.google.com/drive/mobilā¦
Frontend Development
mega.nz/folder/25I3CK6A#coZJā¦
Get free AI updates, resources, opportunities
whatsapp.com/channel/0029VbDā¦
UI/UX Full course
drive.google.com/drive/mobilā¦
DeVpeteršŖ retweeted
How to get remote jobs
1. Through upwork, watch these
youtu.be/XNoFlvvnA90
youtu.be/aLVq1N5S_C8
youtu.be/tgD7MrCnLeI
youtu.be/pPuUE1ZWrhI
2. Through Contra, watch these
youtu.be/Ous_faHJNB4
3. Through free slack communities
youtu.be/Zdg4z2HtCqY
4. Through sending Cold DMs, Emails. Follow @omoalhajaabiola and learn how to send cold emails.
Open a LinkedIn profile, optimize it very well, make sure your niche is very clear. Download Apollo extension and install it to your chrome browser.
Use that Apollo extension to get emails from potential clients on LinkedIn, send cold DMs or emails to them.
5. Through building your personal brand on x, instagram, LinkedIn or YouTube. When you build your personal brand, post what you do consistently, clients who need your services come to you.
DeVpeteršŖ retweeted
If youāre a designer, bookmark this.
1. reelfolio.io ā Showcase your best creative work in a simple, beautiful portfolio.
2. inspora.design ā Discover the best design inspiration shared by designers on X.
3. 60fps.design ā Mobile app animations, transitions, and micro-interactions worth bookmarking.
4. cta.gallery ā Find inspiration for better, more effective website CTAs.
5. Posts.design ā Explore creative social media posts and visual content for inspiration.
6. navbar.gallery ā Discover creative navbar and navigation designs from real websites.
7. icon.museumā Explore a curated collection of beautifully designed icons.
What did i miss?
DeVpeteršŖ retweeted
If youāre vibe coding websites, stop prompting from scratch š
These 5 websites give you design inspiration + ready-to-use prompts to build better-looking websites with AI:
MotionSites.ai ā Animated website inspiration + prompts
Jiro.build ā Website sections + copyable prompts
5sdesign.art ā UI, animation & landing page prompts
Norrly.io ā Real website inspiration turned into AI prompts
CopyLayers.com ā UI layouts, animations & website prompts
