FRONTEND DEVELOPER | Front-End Focused | Passionate About Web Technologies | Ai Motion Designer
Delta State, Nigeria
Joined May 2023
- Tweets4.6K
- Following982
- Followers436
- Likes20.1K
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.
