Restore the classic CSFloat search experience with sidebar input and native autocomplete suggestions
CSFloat recently updated their search interface with a popup overlay that many users find disruptive. Classic Float Search brings back the familiar sidebar search experience you're used to, complete with the beautiful autocomplete dropdown that shows item suggestions with images and details.
- Classic Sidebar Search - Type directly in the left sidebar search box
- Native Autocomplete - Beautiful dropdown with item images and details
- Smooth Performance - Optimized to prevent lag and stuttering
- Smart Suggestions - Real CSFloat item database with images
- Keyboard Support - Press Enter to search, click suggestions to select
What Gets Hidden
- The large popup overlay that blocks the interface
- The intrusive backdrop that covers the entire screen
- All the disruption while keeping the functionality
Frontend: Vanilla JavaScript ES6+, CSS3, Chrome Extension APIs
Architecture: Content Script + CSS Injection, DOM Manipulation
Performance: Throttled Events, Efficient DOM Observers, Passive Listeners
- Download the repository and navigate to the
chrome/folder - Open Chrome and go to
chrome://extensions/ - Enable "Developer mode" (toggle in top right)
- Click "Load unpacked" and select the
chrome/folder - Done! Visit csfloat.com/search to use
- Download the repository and navigate to the
firefox/folder - Open Firefox and go to
about:debugging - Click "This Firefox" in the sidebar
- Click "Load Temporary Add-on" and select
manifest.jsonfrom thefirefox/folder - Done! Visit csfloat.com/search to use
Click to expand detailed installation guide
- Go to the GitHub repository
- Click the green "Code" button → "Download ZIP"
- Extract the ZIP file to a memorable location
- Open Google Chrome
- Navigate to
chrome://extensions/or:- Click three dots menu (⋮) → More tools → Extensions
- Find "Developer mode" toggle in the top right corner
- Click to turn it ON (should turn blue/green)
- Click "Load unpacked" button (now visible)
- Navigate to your extracted folder
- Select the folder containing
manifest.json - Click "Select Folder"
- Look for "Classic Float Search" in your extensions list
- Status should show "Enabled"
- Visit CSFloat to see the orange border around search box
- Navigate to csfloat.com/search
- Look for the search box in the left sidebar
- Notice the orange border (extension is active!)
| Action | Description |
|---|---|
| Type in sidebar | Start typing any item name (e.g., "karambit", "ak-47") |
| View suggestions | Autocomplete dropdown appears with images and details |
| Click suggestion | Select any item from the dropdown |
| Press Enter | Execute search with current text |
| Press Escape | Close suggestions and continue typing |
The dropdown displays rich information:
- Item Images - Actual skin previews from Steam
- Item Names - Full names like "Karambit | Doppler"
- Rarity Colors - Consumer, Industrial, Mil-Spec, Restricted, Classified, Covert
- Special Attributes - StatTrak™, wear ranges, collection info
Extension not working?
Check installation:
- Go to
chrome://extensions/ - Find "Classic Float Search"
- Ensure toggle is ON (blue/enabled)
Refresh CSFloat:
- Press Ctrl+F5 (Windows) or Cmd+Shift+R (Mac)
- Look for orange border around search box
- Try typing in the sidebar search
Search box still disabled?
Solutions:
- Wait 2-3 seconds - Extension needs time to initialize
- Refresh page - Sometimes a simple refresh works
- Check browser console - Press F12, look for errors
- Restart Chrome - Close browser completely and reopen
No autocomplete suggestions?
Fixes:
- Type more characters - Try at least 2-3 characters
- Check spelling - Ensure item names are correct
- Test common items - Try "karambit", "ak-47", "awp"
- Wait briefly - Suggestions may load with slight delay
- CSFloat Only - Runs exclusively on CSFloat domains
- No Data Collection - Doesn't track or store searches
- Local Processing - Everything happens in your browser
- Open Source - All code is public and auditable
{
"permissions": ["activeTab"],
"host_permissions": ["https://csfloat.com/*", "https://*.csfloat.com/*"]
}activeTab- Interact with current CSFloat tab only- Host permissions - Access CSFloat pages to modify search interface
- No broad permissions - Cannot access other websites or browsing data
Classic-Float-Search/
├── chrome/ # Chrome extension (Manifest v3)
│ ├── manifest.json
│ ├── content.js
│ ├── styles.css
│ └── icon*.png
├── firefox/ # Firefox extension (Manifest v2)
│ ├── manifest.json
│ ├── content.js
│ ├── styles.css
│ └── icon*.png
├── icons/ # Shared icon assets
├── previews/ # Screenshots and demos
└── README.md # Documentation
| Browser | Support | Notes |
|---|---|---|
| Chrome 88+ | Full | Recommended |
| Firefox 57+ | Full | Available |
| Edge (Chromium) | Full | Tested |
| Brave | Full | Compatible |
| Opera | Partial | May work |
| Safari | No | Different extension system |
# Clone the repository
git clone https://github.com/Sadat41/Classic-Float-Search.git
# Navigate to project
cd Classic-Float-Search
# Load in Chrome for testing
# Go to chrome://extensions/ → Developer mode → Load unpacked- 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
Q: Is this safe to use?
A: Yes! The extension only runs on CSFloat, doesn't collect data, and all code is open source for review.
Q: Will this break when CSFloat updates?
A: It might need updates if CSFloat significantly changes their interface. We'll monitor and update as needed.
Q: Can I use this with other CSFloat extensions?
A: Generally yes, but some extensions might conflict. Try disabling others if you experience issues.
Q: How do I uninstall?
A: Go to
chrome://extensions/, find "Classic Float Search", and click "Remove".
- Initial release
- Classic sidebar search restoration
- Native autocomplete dropdown
- Performance optimizations
- Visual confirmation indicator
This project is licensed under the MIT License - see the LICENSE file for details.
Made with care for the CSFloat community
Star this repo • Report Bug • Request Feature
Having issues? Check the troubleshooting guide or open an issue!