Seerr Interface Changes
Introduction
The Seerr platform has received a major interface overhaul, transforming into a much more modern, intuitive, and visually pleasing version. This update brings hundreds of improvements that enhance the user experience both on desktop and mobile devices.
The goal of these changes was to create a more cohesive interface with rounded elements, modern visual effects, and improved performance across all devices.
Modern Design and Rounded Corners
- All elements with rounded corners - Cards, buttons, containers, modals
- Posters and images with border-radius - More modern and pleasing appearance
- Rounded inputs and dropdowns - Consistency throughout the interface
- Action buttons with consistent border-radius - Uniform design across all pages
Advanced Visual Effects
- Blur and transparency in menus - Modern depth and layering effects
- Smooth loading animations - Fluid transitions between pages
- Premium gradients for important buttons - Attractive and modern design
- Modern and subtle shadows - Depth and realism
- Fade-in effects for images - Elegant content loading
Mobile Optimization
- Fully responsive interface - Perfect adaptation to any screen size
- Larger touch elements - Easy to use on phones
- Improved performance on older devices - Optimizations for weaker devices
- Easy mobile navigation - Accessible menus and buttons
- Touch-optimized search bar - Enhanced search experience
UX/UI Improvements
- More readable fonts (Inter) - Superior legibility on all devices
- Better contrasted colors - Improved accessibility and visibility
- Optimized spacing between elements - More airy and organized layout
- Improved visual feedback for actions - Clear confirmations of actions
- More visible loading spinner - Clearer loading indicators
- Larger and clearer titles - Improved visual hierarchy
Changelog
Rounded Elements and Design
- All cards, buttons, and containers have rounded corners (20px)
- Posters and images with rounded corners
- Rounded inputs and dropdowns
- Action buttons with consistent border-radius
- Rounded modals and panels
- Sections and divs with uniform border-radius
- Rounded main modal container
- Modal buttons with border-radius
- Warning container with border-radius
- Rounded select dropdown
- Round user avatars
- Main table with border-radius
- Rounded textareas
- Radio buttons with modern design
- Settings lists with rounded elements
Effects and Animations
- Blur and transparency in menus and backgrounds
- Smooth animations for loading and hover
- Premium gradients for important buttons
- Modern and subtle shadows
- Fade-in effects for images
- Progress bars with fluid animations
- Card loading animations
- Media-poster animation with subtle zoom
- Request-card image animations
- Round and transparent View button with blur
- More subtle card hover effect
Mobile and Responsive
- Fully phone-optimized interface
- Larger touch elements
- Improved performance on older devices
- Easy mobile navigation
- Larger profile pictures on phone
- Touch-optimized search bar
- Larger posters on mobile
- Enlarged navigation arrow buttons
- Enlarged header icons
- Larger profile picture on phone
- Larger Seerr title on phone
UX/UI Improvements
- More readable fonts (Inter)
- Better contrasted colors
- Optimized spacing between elements
- Improved visual feedback for actions
- Larger and more visible loading spinner
- Improved progress bar animation
- Larger and clearer titles
- Enlarged logos and icons for better visibility
- Improved gradient backgrounds
- Dropdowns and menus with modern design
- Forms with more visible inputs
- Sidebar with blur effect
- Improved statistics and dashboard design
Performance and Optimizations
- Buttons with solid colors for mobile performance
- Optimized version for phones
- Removal of complex gradients on mobile
- Reduced effects for older devices
- Optimized loading spinner
- Optimized progress bar
- Reduced animations for performance
Two Available Versions
To offer flexibility to all users and ensure compatibility with all devices, Seerr is now available in two separate versions:
1. Modern Interface - RECOMMENDED
Link: https://seerr.adelin.org
This version includes all the visual changes listed above. It is recommended for:
- Modern devices (recent phones and computers)
- Users who prefer an updated and modern design
- Situations where performance is not an issue
- Most users who want the best visual experience
2. Classic Interface - For Compatibility
Link: https://seerr-basic.adelin.org
This version maintains the original interface, without the visual changes. It is recommended for:
- Older or less performant devices
- Phones that have issues with scrolling or performance
- Computers with weaker hardware
- Users who prefer the old and familiar interface
- Situations where stability and performance are priorities
Important: Both versions offer exactly the same functionality. The difference is only at the interface and visual effects level. You can always use the version that suits you best.
Usage Recommendations
- For most users: Use the modern version at https://seerr.adelin.org
- If you encounter performance issues: Switch to the classic version at https://seerr-basic.adelin.org
- If you notice lag or slow scrolling on your phone: The classic version will work better
- For older devices: The classic version is optimized for maximum compatibility
Conclusion
The Jellyseerr interface update brings the platform to modern design and user experience standards. With hundreds of visual and performance improvements, users can choose between a modern and pleasant experience or a classic version optimized for compatibility.
Regardless of the chosen version, all main Jellyseerr functionalities remain available and functional. This two-version approach ensures that every user can have the best possible experience on their device.
For any issues or suggestions regarding the new interface, user feedback is welcome and will be considered for future improvements.