Show prospects exactly what you do and let the work speak before the first call.
Loading the deployed starter catalog…
Checking which verified starters are currently available…
Loading template names, categories, and recent successful-start data…
Source catalog: mypageRelease checks documented
UX/UI Designer
UX/UI Designer is a ready-to-customize portfolio with dedicated flows for about, contact, project detail, and an operator workspace. Its project-scoped database manages projects and messages.
g-port-uxui.preview.mypage.dev
Loading interactive demo…
This is the real app, live — click around and try it.
About this template
UX/UI Designer gives you a portfolio that looks professional with no design experience required. Image handling, mobile viewing, and fast galleries are done — you focus on curating your strongest work.
UX/UI Designer is a ready-to-customize portfolio with dedicated flows for about, contact, project detail, and an operator workspace. Its project-scoped database manages projects and messages. The starter is copied as editable source, so you can change the design, content, data model, and workflows instead of being locked to a static demo.
Key highlights
Editorial galleries
Full-bleed, magazine-quality layouts that put your work first.
Case-study pages
Dedicated project pages to tell the story behind each piece.
Client-ready contact
Built-in inquiry form so prospects can reach you in one tap.
Looks pro anywhere
Refined presentation across phones, tablets, and desktops.
Features & capabilities
A complete starting point for editing, verification, deployment, and independent source ownership—not a screenshot-only design.
Complete page architecture
Every page is wired and navigable — not just a homepage. Routing, layouts, and states are already in place.
Responsive foundation
Built with mobile and desktop breakpoints; run the browser audit with your final content before launch.
Restyle in one line
Colors, type, and spacing are wired together, so one line of intent restyles the whole app — no editing element by element.
Found on Google
Your main pages load as real HTML, so search engines and link previews see real content — not a blank page.
Data architecture matched to the workflow
Database-backed starters use real queryable tables and row-level policies; presentation-only starters do not invent a database dependency.
Explicit access boundary
Private workflows include sign-in, role checks, and row policies; public starters keep the core journey open instead of pretending login is configured.
Functional form patterns
Starters that include contact, booking, or signup flows wire validation and submissions to their schema. Test the final workflow before launch.
Theme-ready design tokens
Brand color, spacing, radius, and surface tokens can be changed consistently from the theme panel; rerun contrast checks after your final palette change.
Accessibility checks included
Semantic markup is the baseline, and the browser audit reports WCAG A/AA issues that still need attention.
Modern build pipeline
Vite produces revisioned assets, while the browser and performance gates show what still needs optimization.
Edit by conversation
Change copy, layout, or color by describing it — "make the hero bigger", "use a warmer tone". No code required.
Your code, exportable
Built in an isolated sandbox, verified before you see it, and yours to export anytime. No lock-in.
This template compared with a typical paid starter
| What matters | mypage | Typical paid starter |
|---|---|---|
| Price | 0 AI credits to fork; AI work is metered | Subscription and usage terms vary |
| Your code | Independent source export + GitHub sync | Git/export support depends on product and plan |
| Customization | Prompt, visual, theme, or source editing | Editing surfaces vary by product |
| Backend | Project database + policy gate when included | Managed backend options are common |
| SEO | SSR/prerender route and metadata gate | Rendering and metadata support varies |
| Time to live | A built preview without local setup | Most AI builders also provide hosted previews |
Who this is for
- Designers and photographers showcasing their strongest work
- Freelancers who want to attract better-fit clients
- Studios and agencies presenting case studies and results
- Creatives replacing a dated portfolio that doesn't reflect their work
- Illustrators, writers, and makers building a personal brand
- Anyone who needs a polished presence before their next pitch
Best use cases
Walk through the problem, process, and outcome of your best projects.
Pair the gallery with a contact or checkout flow to turn interest into inquiries.
Replace an old site with something that matches the quality of your work.
What you can build
A gallery-forward site where the imagery is the hero and everything else stays quiet.
Long-form project pages that walk clients through your process and results.
About, work, and contact in one polished place you can grow into a full site.
Getting started
- Use This Template
Click "Use template" to create your own copy of UX/UI Designer. mypage copies the source, applies any included migrations, and builds a preview without using AI credits. Build time varies by template and capacity.
- Customize Your Brand
Change colors with one-click themes built on design tokens. Visual Edits can update mapped static text, classes, and uploaded-image paths; data-bound or conditional elements direct you to chat or Dev Mode instead of risking a broken edit.
- Add Your Content
Replace the sample content with your own writing, products, and photos. Tell the AI what to change in plain language, or use Dev Mode for precision. Successful AI, manual, and supported visual changes create checkpoints so you can return to a known state.
- Connect Your Data
When this starter includes a database, its migrations and row-level policies are applied to your project. Test final roles, forms, and launch data before publishing. Payments, login, and notifications use connectors that must be configured explicitly.
- Go Live
Publish a verified revision to a real URL. Hosting, TLS, and server-side rendered pages are handled by the deployment path. New edits are built as candidate revisions, so a failed build does not replace the active one.
Data & launch checklist
- This starter includes 2 project-scoped database tables: projects, messages. Review the final data and role policies before publishing.
- Production flows use these explicit connector boundaries:
- notify — Configure server-owned recipient templates and the selected email or Korean messaging provider, including its signed delivery webhook. Test success, retry, bounce/failure, scheduling, and cancellation without accepting a browser-selected recipient.
- auth — Built-in email/password identity is wired. Create verified test accounts, assign least-privilege roles, and prove anonymous, member, staff, and admin access before launch. Social login remains optional provider work.
- Replace sample content and images, check every route at mobile and desktop widths, and resolve all browser, accessibility, security, and performance findings before going live.
Conclusion
That's UX/UI Designer — an editable source project rather than a static screenshot. Fork it, review the generated routes and policies, make it yours by conversation or code, run the browser audit, and publish a verified revision when you're ready. The export is independently buildable, so you can take the code with you.
Related templates
PortfolioGallery — ExhibitionMarlowe Contemporary — a gallery and exhibition space for living artists, in Seongsu, Seoul. Free admission; current, upcoming and past exhibitions.
PortfolioPhoto GalleryHalcyon Frames — a fine-art photography gallery of quiet, image-led series, with prints and commissions, based in Seoul.
PortfolioMusic ArtistMusic, tour dates, videos, and news
Ready to make it yours?
Fork UX/UI Designer free — no credits to preview, yours to export.