InWebsite / Web Product
InWebsite
The public home for InWebsite’s custom web service, portfolio, and software products, with clear service paths and owner-led project information.
- Role
- Owner & full-stack engineering
- Stage
- Live website
- Year
- 2026
- Type
- Company website
Use the left and right arrow keys while this gallery is focused to change screenshots.
Project notes
The thinking behind it.
The problem
Business owners need to understand the service, working process, and examples before deciding whether to start a project.
The approach
A bilingual site organizes service details, pricing, process, contact paths, and a portfolio of live products and clearly labeled demos.
Trade-offs
Scroll motion supports the editorial presentation, while the site keeps reduced-motion behavior available.
What shipped
A live business site with a public About page that documents the owner’s engineering background and InWebsite products.
Scope
What it includes.
- Bilingual Indonesian and English site structure
- Service, process, pricing, and contact pages
- Project portfolio with dedicated product pages
- About page introduces the owner and the three publicly listed products
Technology
Built with.
- Next.js
- React
- TypeScript
- Tailwind CSS
- GSAP
Products & portfolio demonstrations
Explore selected InWebsite projects
A curated set of entries from InWebsite’s public portfolio, with verified status and product or concept relationships shown separately.
9 selected projects
Browse the complete InWebsite galleryShowing 9 of 9 selected projects.
SaaS · website AI chat
InWebChatBot
A live website-chat SaaS that turns approved website content into answers for an embeddable AI widget, with WhatsApp fallback.
- Widget editor with live preview and one-script installation.
- Knowledge-base import with review before publishing.
- Configurable bot persona, message quotas, and domain allowlist.
StackNext.js · Auth0 · MongoDB Atlas · n8n (RAG + LLM) · Cloudflare Workers · Cloudflare R2
Developer tools · animation snippets
InWebAsset
A live library of copy-ready React and Tailwind animation snippets, with GSAP previews and a small decorative-asset collection.
- Search and filter snippets by category, placement, style, and intensity.
- Preview each animation before copying its code.
- Sprinkles asset library and MCP access for AI agents.
StackNext.js (static export) · React · Tailwind CSS · GSAP · Cloudflare Workers · Cloudflare R2 · Auth0
SaaS · digital wedding invitations
InWebUndang
A live digital wedding-invitation SaaS with Classic and layered Cinematic themes, free previews, and payment when an invitation is published.
- Classic 2D and layered Cinematic invitation themes.
- Free previews; payment is due only when an invitation is published.
- Guest RSVP and event details designed for phones.
StackReact · Vite · GSAP · Hono · Cloudflare Workers · Cloudflare D1 · Cloudflare R2 · Auth0
Business process automation · AI chatbot service
InWorkflow AI Automation
A scroll-led showcase for an n8n and AI automation studio, built around three narrative checkpoints and a frame-based canvas.
- Pinned frame sequence with three checkpoints navigable by wheel, keyboard, or swipe.
- Text and video panels enter and leave at each checkpoint.
- Loaded-frame fallback and a loading gate prevent blank canvas flashes.
StackVite · React · GSAP · ScrollTrigger · ScrollToPlugin · Canvas API
Digital agency · social branding
The Signal
A social-branding agency concept presented as a five-section web-motion story that follows the page scroll.
- Scroll position scrubs the animation forwards and backwards.
- Five narrative beats connect the sections through one visual motif.
- Pointer-responsive parallax, tilt, spotlight, and embedded contact links.
StackRemotion · React · TypeScript · Vite · Scroll-scrubbed animation · Pointer parallax
Automotive · luxury car showroom
Aurelis Motors
A luxury-car showroom concept with step-based scrolling, model and paint choices, cursor-responsive car color, and WhatsApp contact.
- Step-based hero, car showcase, and pinned feature sections.
- Cursor or touch reveals change car-body colors.
- WhatsApp and Instagram contact actions; the inquiry form has no backend.
StackReact 19 · TypeScript · Vite · GSAP · ScrollTrigger · CSS radial-mask reveal
Hospitality · hotel booking
Velara Hotel
A hotel website concept with an interactive 24-scene walkthrough of rooms and facilities before booking.
- Walkthrough of 24 scenes across rooms and hotel facilities.
- Room, spa, pool, dining, and ballroom scenes use distinct transitions.
- Booking overlay is available from both the landing page and walkthrough.
StackReact 19 · Vite · GSAP · react-router-dom · Lenis smooth scroll
Healthcare · multi-branch clinic
Griya Sehat Clinic
A clinic website concept with appointment booking and a live queue view for each branch.
- Appointment flow selects a branch, specialty, and time slot.
- Booking confirmation issues a queue number.
- Branch-level queue progress is shown in real time.
StackNext.js · React · TypeScript · Tailwind CSS · Booking Flow
Instant-camera and event photography rental
Memoire Snap
An instant-camera rental concept with a photo-station catalog, sample event dates, and a local reservation simulation.
- Camera, photo-print, and event-kit catalog.
- Filter by category and sample event-date availability.
- Local reservation simulation with no real booking.
StackReact 19 · Vite · JavaScript · GSAP
Keep exploring