Skip to content

feat: improve UI styling for key sections#1380

Open
Kokila-chandrakar wants to merge 2 commits into
magic-peach:mainfrom
Kokila-chandrakar:feat/ui-enhancement-key-sections
Open

feat: improve UI styling for key sections#1380
Kokila-chandrakar wants to merge 2 commits into
magic-peach:mainfrom
Kokila-chandrakar:feat/ui-enhancement-key-sections

Conversation

@Kokila-chandrakar
Copy link
Copy Markdown

Summary

Enhanced the UI styling for key sections in Reframe including:

  • Improved File Upload section with glassmorphism and gradient buttons
  • Enhanced Export Overlay with animated glow effects
  • Redesigned Preset Selector cards with colorful gradients and hover animations
  • Updated Footer styling with better hover interactions and modern visuals
  • Improved overall spacing, responsiveness, and visual hierarchy

Changes Made

  • Added gradient backgrounds and glow effects
  • Improved hover and transition animations
  • Enhanced active/selected states for preset buttons
  • Added backdrop blur and glass-card styling
  • Improved accessibility and responsiveness

Result

The UI now feels more modern, colorful, interactive, and visually engaging while maintaining Reframe’s clean minimal design.

close #1235

@vercel
Copy link
Copy Markdown

vercel Bot commented May 29, 2026

@Kokila-chandrakar is attempting to deploy a commit to the magic-peach1's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 29, 2026

✅ PR Format Check Passed — @Kokila-chandrakar

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

@github-actions
Copy link
Copy Markdown
Contributor

👋 Thanks for your PR, @Kokila-chandrakar!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

What happens next

  1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
  2. Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
  3. 👀 Code review — a maintainer will review your changes
  4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

  • PR title follows Conventional Commits (e.g. feat: add dark mode)
  • Linked the issue this PR closes (e.g. Closes #123)
  • Tested the changes locally (bun run dev)
  • Build passes (bun run build)

Useful links

Happy coding! 🎉

@github-actions github-actions Bot added level:intermediate Intermediate level - 35 pts type:design UI/UX design labels May 29, 2026
@Kokila-chandrakar
Copy link
Copy Markdown
Author

Hi @magic-peach , could you please review and approve the pending workflows for this PR? The remaining checks are waiting for maintainer approval. Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

level:intermediate Intermediate level - 35 pts type:design UI/UX design

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG]UI Enhancement Request: Add Better Color Styling for Key Sections in Reframe

1 participant