Skip to content

feat(www): SDK-first homepage with progressive reveal widget#717

Merged
MaanavD merged 2 commits into
microsoft:website-sdk-refreshfrom
MaanavD:agents/sdk-sample-validation-and-presentation
May 20, 2026
Merged

feat(www): SDK-first homepage with progressive reveal widget#717
MaanavD merged 2 commits into
microsoft:website-sdk-refreshfrom
MaanavD:agents/sdk-sample-validation-and-presentation

Conversation

@MaanavD
Copy link
Copy Markdown
Collaborator

@MaanavD MaanavD commented May 20, 2026

What changed

Redesigned the Foundry Local homepage to make the SDK the primary path for new users, with the first viewport focused on app integration rather than CLI tooling.

  • Updated hero copy and CTAs for an SDK-first story.
  • Reworked the install widget into three stacked steps: install package, load a model, and run chat inference.
  • Added Python, JS, C#, and Rust tabs with compact syntax-highlighted snippets.
  • Added progressive 1 -> 2 -> 3 reveal: steps unlock on copy or click, with a reduced-motion-aware animation.
  • Kept the inference step honest to the existing samples by showing the chat path instead of adding unsupported chat/speech/vision sub-tabs.
  • Fixed copy toast theming to use semantic site tokens.
  • Updated the install dropdown, features, and footer to keep SDKs primary and CLI tooling secondary.

Testing

  • npx prettier --check src/lib/config.ts src/lib/components/install-command.svelte
  • npm run build

MaanavD and others added 2 commits May 19, 2026 23:09
- Rewrite hero headline and tagline to lead with SDK, drop CLI mentions from first viewport
- Rebuild install widget: language tabs (Python/JS/C#/Rust), three stacked steps (Install, Load a model, Chat/speech/vision)
- Progressive 1->2->3 reveal: steps unlock on copy or click, animated with cubicOut slide+fade, respects prefers-reduced-motion
- Locked step rows show step name prominently with hint text; active steps carry numbered pill badges
- Syntax-highlighted code snippets using site HSL tokens (no extra deps)
- Fix toast theming to use --background/--foreground/--border semantic tokens
- Update download dropdown to list SDKs first, WinML acceleration second, optional CLI tools last
- Update features copy and footer to reinforce SDK-first story

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Keep the homepage quickstart accurate by removing the vision-specific claim from the first-viewport copy and step label. The showcased inference snippet remains the supported chat path while the broader tagline stays modality-neutral.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 20, 2026

@MaanavD is attempting to deploy a commit to the MSFT-AIP Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown

vercel Bot commented May 20, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
foundry-local Ready Ready Preview, Comment May 20, 2026 6:34am

Request Review

@MaanavD MaanavD merged commit 2f1b8ba into microsoft:website-sdk-refresh May 20, 2026
3 checks passed
@MaanavD MaanavD deleted the agents/sdk-sample-validation-and-presentation branch May 20, 2026 06:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant