A powerful userscript that enhances FUTBIN player pages by displayin### π Bug Reports## π Bug Reports & Feature Requests
Found a bug or have an idea? Please open an issue with:
- For bugs: Steps to reproduce, expected vs actual behavior, browser & userscript manager versions
- For features: Clear description of the desired functionality
- Check if enabled: Open your userscript manager and ensure the script is enabled
- Developer mode (Chrome only): Go to
chrome://extensions/and enable Developer mode toggle - Clear cache: Clear browser cache and reload the FUTBIN player page
- Check URL: Script only works on player pages:
https://www.futbin.com/*/player/* - Browser console: Press F12 and check for any error messages
- The βοΈ Platforms button appears in the top-right corner
- Try refreshing the page (F5)
- Check if the script is enabled in your userscript manager
Found a bug or have an idea? Please open an issue with console and PC prices side-by-side with fully customizable platform visibility and ordering.
- Dual Platform Price Boxes: View Console (PS/Xbox) and PC prices simultaneously
- Side-by-Side Layout: Compact display showing both platforms at once
- Vertical Graph Display: Price history graphs stacked for easy comparison
- Fully Customizable:
- Show both platforms, console only, or PC only
- Choose display order (Console first or PC first)
- Separate settings for price boxes and graphs
- Persistent Configuration: Settings saved automatically and persist across sessions
- Hover Card Support: Works seamlessly with alternate player cards (e.g., Cornerstones)
- Clean UI: Intuitive settings panel with visual platform icons
- Zero Performance Impact: Lightweight implementation with smart DOM observation
Click the βοΈ Platforms button to configure your preferences:
View Console and PC prices simultaneously:
Price history graphs stacked for easy comparison:
Complete view showing all features in action:
You need a userscript manager installed in your browser:
- Tampermonkey (Chrome, Firefox, Safari, Edge, Opera)
- Violentmonkey (Chrome, Firefox, Edge)
- Greasemonkey (Firefox only)
- Install a userscript manager (if you haven't already)
- Click the install link:
- π₯ Install from GitHub
- Or manually copy the script content and create a new userscript
- Confirm installation in your userscript manager
- Visit any FUTBIN player page - the script will activate automatically!
If you see a "Please enable developer mode" message in Tampermonkey/Violentmonkey:
- Go to
chrome://extensions/in your Chrome address bar - Toggle Developer mode ON (top-right corner)
- Refresh the FUTBIN page
- Note: This is safe - it only allows Chrome extensions to inject scripts properly
Why is this needed? Chrome restricts userscript injection for security. Enabling developer mode in Chrome's extensions page allows Tampermonkey/Violentmonkey to function properly.
- Navigate to any FUTBIN player page (e.g.,
https://www.futbin.com/25/player/276/cristiano-ronaldo) - Look for the βοΈ Platforms button in the top-right corner
- Click to open the settings panel
- Both (Console & PC): Display both platforms side-by-side
- Console Only: Show only PlayStation/Xbox prices
- PC Only: Show only PC prices
- Console First: Display console prices on the left
- PC First: Display PC prices on the left
- Both (Console & PC): Show both platform graphs vertically stacked
- Console Only: Show only console price history
- PC Only: Show only PC price history
- Console First: Display console graph on top
- PC First: Display PC graph on top
- Select your preferred options
- Click Apply - the page will reload with your new settings
- Settings are automatically saved and will persist across all FUTBIN player pages
- Language: JavaScript (ES6+)
- Storage: Uses
GM_getValueandGM_setValuefor persistent configuration - DOM Handling: Smart MutationObserver for dynamic content (hover cards)
- Styling: Inline CSS with Flexbox for responsive layouts
- Performance: Minimal overhead with efficient DOM manipulation
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
- Maintain clean, readable code
- Test on multiple FUTBIN player pages
- Ensure compatibility with both Tampermonkey and Violentmonkey
- Update version number for significant changes
Found a bug or have an idea? Please open an issue with:
- For bugs: Steps to reproduce, expected vs actual behavior, browser & userscript manager versions
- For features: Clear description of the desired functionality
- β¨ Added order configuration for price boxes (Console first vs PC first)
- β¨ Added order configuration for graphs (Console first vs PC first)
- π¨ Enhanced configuration panel with 4 customization options
- π Fixed hover card display issues
- β»οΈ Code refactoring with improved helper functions
- π Complete documentation and licensing
- β¨ Added configuration UI with persistent settings
- β¨ Added support for hover-over alternate player cards
- π¨ Improved layout and styling
- β¨ Vertical graph display implementation
- β»οΈ Code optimization and cleanup
- Initial implementation of dual price boxes
- Side-by-side layout
- Basic platform switching
This project is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License (CC BY-NC-SA 4.0).
- Share: Copy and redistribute the material in any medium or format
- Adapt: Remix, transform, and build upon the material
- Attribution: You must give appropriate credit to Lupus and indicate if changes were made
- NonCommercial: You may not use the material for commercial purposes
- ShareAlike: If you remix or build upon the material, you must distribute your contributions under the same license
Lupus
- GitHub: @SirLupus
This project was entirely developed using AI assistance (GitHub Copilot + Claude). It showcases the potential of AI-powered development for creating fully functional, production-ready userscripts with:
- Clean, well-documented code
- Comprehensive error handling
- Persistent configuration management
- Responsive UI design
- Full licensing and documentation
If you find this script useful, please consider:
- β Starring the repository on GitHub
- π Reporting bugs to help improve the script
- π‘ Suggesting features for future updates
- π’ Sharing with other FIFA/FC players who use FUTBIN
- FUTBIN for providing an excellent platform for FIFA/FC Ultimate Team players
- The userscript community for tools and inspiration
Disclaimer: This userscript is not affiliated with, endorsed by, or connected to FUTBIN or EA Sports. It's a community tool designed to enhance the user experience on FUTBIN.
