Intro
@syauqi · portfolio

Syauqizaidan Khalaf builds HitPay's marketing site in Framer, and full-stack products in Next.js, Laravel and Postgres.

Email me
Ask about me
Selected work

Selected work. Six of the forty, each with a write-up.

All projects
HitPay
Shipped

Shipped since 2020

40projects

Every one of them is on the Projects page.

  • Framer
  • Next.js
  • React
  • TypeScript
  • Laravel
  • Postgres
  • Tailwind
Backend

Backend. Laravel and Postgres APIs behind the screens.

$ curl -X POST /api/bookings    -d '{"trip":"bdg-jkt","seats":2}'Sending… · 84 ms{  "id": "bk_7f3d2a",  "status": "confirmed",  "seats": 2}
Open source

Open source. Merged upstream, and 401 stars across my own repos.

github.com/syauqi
Writing / Latest

Writing. Notes on shipping, design and code.

All writing
metaprocessshippingthe portfolio I actually finished7 min read · May 2026Perfectionism is the polite name for not shipping.
Career

Career. As a git log, newest first.

About
  • a3f9e21HEAD → main2024feat: join HitPay as Framer DeveloperShipping product marketing pages on Framer + a hand-rolled component library. A lot of motion polish.
  • 7c41b0d2023feat: join Bootwind as UI/UX + Frontend DeveloperWireframe → high-fidelity Figma → implementation in React/Tailwind for client work.
  • e2d86fa2022feat: join VocaGame as UI/UX + Frontend DeveloperDesigned and shipped corporate, white-label, and mobile surfaces for an Indonesian e-sport platform.
  • 19bc4e72021feat: join TokoJob as Fullstack DeveloperReact + Redux on the front, Laravel + REST on the back. Ran the linter/formatter rollout for the codebase.
  • 5f0a3c22020feat: join Sauwarna Studio as Freelance Web Designer & DeveloperLong-running freelance lane: landing pages, brand sites, dashboards for agencies and small businesses.
Stack

Stack. Every skill I work with, in one file.

skills.json
{
"languages": ["TypeScript", "JavaScript", "PHP", "SQL", "HTML", "CSS", "Java", "Python"],
"frontend": ["React", "Next.js", "Tailwind", "Node.js", "Bootstrap", "Chakra UI"],
"backend": ["Laravel", "REST API", "PostgreSQL", "MySQL", "MongoDB", "Docker", "Git", "CodeIgniter"],
"design": ["Figma", "Framer", "Rive", "After Effects", "Photoshop"]
}
Rooftop
Syauqi working on his laptop on a rooftop balcony
Reviews

Reviews. From people I've shipped with.

Comments2TTAS
TTTito Tri AtmojoProduct Designer

“Syauqi is a self-motivated and wise person, but also an inspiring perfectionist. Creative strategist with great interpersonal skills — deep competency and solution experience.”

Recommendation on LinkedIn
Availability

Availability. Taking on projects this quarter, next to my work at HitPay.

Ask for a slot
AvailabilityQ4 2026
Open for projectsTaking new work slots left
HitPayHitPayFramer Developer, ongoingBooked
Socials / Profile

Follow along. Wherever you already scroll.

Syauqizaidan Khalaf@syauqi

Framer developer at HitPay. Full-stack on the side. Ciamis, GMT+7.

417 followers · 43 repos

Follow on GitHub
Notes

Notes. Short posts on craft, mostly about motion.

Syauqi@syauqi · 2h

Good motion is the kind nobody mentions. They just say the site feels fast.

12 31
Shots

Shots. Screens from things I've shipped.

1 / 6
HitPay, online payments
HitPay, online payments
This week

This week. What's on my board right now.

Terminal

Terminal. Type help and poke around.

zsh · syauqi
Syauqizaidan KhalafFramer Developer at HitPay. Type help to look around.
Project in mind

Project in mind? Thirty minutes to talk it through, freelance or full-time.

Email me
Fri14Project call10:00 to 10:30 · GMT+7 Video call
  • What you're building
  • Timeline and budget
  • Next steps
Another timeAccept
You2 guests