Add glassmorphism tabs component

[Naveen-Boddepalli]

Description

This PR fixes #523 by adding a reusable glassmorphism-based Tabs component to the GlassyUI component library.

Features Implemented

• Glassmorphism styled tab container and tab buttons
• Support for both horizontal and vertical tab layouts
• Smooth active-tab transition animations
• Reusable and customizable component props
• Responsive design for mobile and desktop screens
• Keyboard accessibility support for tab navigation
• Demo/documentation component using TabsDetails.tsx

Files Added

• Tabs.tsx
• TabsDetails.tsx

Tech Stack Used

• React
• TypeScript
• SCSS

Additional Notes

The component follows the existing project structure and styling conventions used throughout the repository, including TypeScript + SCSS/BEM methodology. The implementation focuses on reusability, accessibility, responsiveness, and maintaining a consistent glassmorphism design language across the UI library.

Proposed Solution

Implemented a reusable Tabs component that allows users to switch between different content sections using an elegant glassmorphism-based interface.

The solution includes:

• Customizable tab items
• Horizontal and vertical layouts
• Smooth animations and active-state transitions
• Responsive behavior for desktop and mobile devices
• Keyboard accessibility support
• Glassmorphism styling with blur, transparency, and glow effects
• Usage examples and documentation in TabsDetails.tsx

Screenshots

Notes for Reviewers

• Tested locally using npm start
• Followed existing project structure and coding conventions
• Component is modular and reusable

Signed commits

• Yes, I signed my commits.

[vercel]

@Naveen-Boddepalli is attempting to deploy a commit to the jaishree2310's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🎉 Thank you @Naveen-Boddepalli for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better

[Naveen-Boddepalli]

Hi @Jaishree2310, I have implemented the tabs component as mentioned in the raised issue,
happy to change way of approach or fix anything in the submitted pr if suggested under GSSoC'26,
Thank You.

[Jaishree2310]

@Naveen-Boddepalli please resolve conflicts

[Naveen-Boddepalli]

Resolved the conflicts, waiting for approval.

[Naveen-Boddepalli]

just a follow up message,
please review the changes and pr,
happy to change way of approach or fix anything in the submitted pr if suggested under GSSoC'26,
Thank You.

[Naveen-Boddepalli]

Hi @Jaishree2310,
please review the changes and pr,
happy to change way of approach or fix anything in the submitted pr if suggested under GSSoC'26,
Thank You.

[Naveen-Boddepalli]

hi @Jaishree2310,
It's been 2 weeks after opening this PR, can you please review this pr and give the status of it please.
Thank you.