Skip to content

[Enhancement]-UI Enhancing on the landing page(Typed SDKs and simple APIs-Section) #430

Description

@vaibhav0725

Title: Code example jumps when switching languages — add smooth height transition

Problem

On the marketing homepage Developers section, switching between TypeScript/Python/Go/PHP makes the code block snap to a new height with no animation.

Expected

Smooth expand/shrink on language change (ease-in-out, ~300ms).

Location

apps/marketing/src/components/CodeExample.tsx
apps/marketing/src/components/CodeLangToggle.tsx

Screen.Recording.2026-07-19.at.8.28.04.PM.mov

Fix idea

Measure active panel height, animate the wrapper with transition-[height], keep overflow-hidden. Use a client wrapper for animation since CodeBlock is an async server component.

Screen.Recording.2026-07-19.at.8.31.26.PM.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions