site banner and menu | diy ssd
  • Product
    Catalog
  • Pricing
    Complete Expanded Amazon Best Buy B&H Manufacturer Newegg
  • Blog
    Posts
  • Support
    FAQ

Product

Catalog

Pricing

Complete Expanded Amazon Best Buy B&H Manufacturer Newegg

Blog

Posts

Support

FAQ
/* ========================================================================== DIYSSD Navigation Menu Styles Scoped with 'diyssd-' prefix to prevent conflicts ========================================================================== */ /* Reset and base styles */ .diyssd-nav-container * { box-sizing: border-box; margin: 0; padding: 0; } /* Main navigation container */ .diyssd-nav-container { width: 100%; background-color: #f4f3f2; position: relative; z-index: 1000; font-family: -apple-system, BlinkMacSystemFont, Inter, Roboto, Ubuntu, sans-serif; } /* Navigation bar */ .diyssd-nav { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; max-width: 100%; margin: 0 auto; position: relative; } /* ========================================================================== LOGO STYLES ========================================================================== */ .diyssd-logo { flex-shrink: 0; transition: opacity 0.2s ease; } .diyssd-logo:hover { opacity: 0.8; } .diyssd-logo img { height: auto; width: auto; max-height: 40px; max-width: 250px; display: block; padding-right: 8px; } /* ========================================================================== DESKTOP MENU STYLES ========================================================================== */ .diyssd-desktop-menu { display: none; align-items: center; list-style: none; gap: 0; } .diyssd-menu-item { position: relative; margin: 0; } .diyssd-menu-link { display: flex; align-items: center; padding: 0.75rem 1.25rem; text-decoration: none; color: #374151; font-weight: 500; font-size: 0.95rem; transition: all 0.2s ease; border-radius: 4px; white-space: nowrap; } .diyssd-menu-link:hover { background-color: rgba(0, 0, 0, 0.05); color: #1f2937; } /* Dropdown arrow */ .diyssd-menu-link.has-dropdown::after { content: "▼"; font-size: 0.7rem; margin-left: 0.5rem; transition: transform 0.2s ease; color: #6b7280; } .diyssd-menu-item:hover .diyssd-menu-link.has-dropdown::after { transform: rotate(180deg); } /* Menu dividers for desktop */ .diyssd-menu-divider { width: 1px; height: 20px; background-color: rgba(0, 0, 0, 0.4); margin: 0 0.5rem; } /* ========================================================================== DROPDOWN MENU STYLES ========================================================================== */ .diyssd-dropdown { position: absolute; top: 100%; left: 0; background-color: white; border-radius: 8px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.08); min-width: 200px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.2s ease; z-index: 1001; overflow: hidden; } .diyssd-menu-item:hover .diyssd-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .diyssd-dropdown-link { display: block; padding: 0.75rem 1rem; text-decoration: none; color: #4b5563; font-size: 0.9rem; transition: all 0.15s ease; border-bottom: 1px solid #f3f4f6; } .diyssd-dropdown-link:last-child { border-bottom: none; } .diyssd-dropdown-link:hover { background-color: #f9fafb; background-color: #f2f4f5; color: #1f2937; color: #381f2f; font-weight: 400; } /* ========================================================================== MOBILE TOGGLE BUTTON (INDENTED LINES LIST ICON) ========================================================================== */ .diyssd-mobile-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 40px; height: 40px; background: none; border: none; cursor: pointer; padding: 0; transition: all 0.2s ease; } .diyssd-mobile-toggle:hover { background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; } /* Indented list lines */ .diyssd-hamburger { position: relative; width: 24px; height: 2px; background-color: #374151; transition: all 0.3s ease; border-radius: 1px; } .diyssd-hamburger::before, .diyssd-hamburger::after { content: ""; position: absolute; height: 2px; background-color: #374151; transition: all 0.3s ease; border-radius: 1px; } /* Top line - full width */ .diyssd-hamburger::before { top: -6px; left: 0; width: 24px; } /* Bottom line - full width */ .diyssd-hamburger::after { bottom: -6px; left: 0; width: 24px; } /* Middle line (the hamburger element itself) - indented */ .diyssd-hamburger { width: 18px; margin-left: 6px; } /* Active state animation - transform to X */ .diyssd-mobile-toggle.active .diyssd-hamburger { background-color: transparent; transform: translateX(-3px); } .diyssd-mobile-toggle.active .diyssd-hamburger::before { top: 0; left: 0; width: 24px; transform: rotate(45deg); } .diyssd-mobile-toggle.active .diyssd-hamburger::after { bottom: 0; left: 0; width: 24px; transform: rotate(-45deg); } /* ========================================================================== MOBILE MENU STYLES ========================================================================== */ .diyssd-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1001; } .diyssd-mobile-overlay.active { opacity: 1; visibility: visible; } .diyssd-mobile-menu { position: fixed; top: 0; left: 0; height: 100%; background-color: white; transform: translateX(-100%); transition: transform 0.3s ease; z-index: 1002; overflow-y: auto; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); } .diyssd-mobile-menu.active { transform: translateX(0); } /* Mobile menu header */ .diyssd-mobile-header { display: flex; justify-content: flex-end; align-items: center; padding: 1rem; border-bottom: 1px solid #e5e7eb; background-color: #f9fafb; } .diyssd-mobile-close { background: none; border: none; font-size: 1.25rem; color: #6b7280; cursor: pointer; padding: 0.5rem; border-radius: 4px; transition: all 0.2s ease; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .diyssd-mobile-close:hover { background-color: #e5e7eb; color: #374151; } /* Mobile navigation */ .diyssd-mobile-nav { padding: 1rem; } .diyssd-mobile-section { margin-bottom: 1.5rem; } .diyssd-mobile-heading { font-size: 1.1rem; font-weight: 600; color: #1f2937; margin-bottom: 0.5rem; } .diyssd-mobile-divider { height: 1px; background-color: #e5e7eb; margin-bottom: 0.75rem; } .diyssd-mobile-link { display: block; padding: 0.75rem 1rem; padding: 0.25rem 1rem; text-decoration: none; color: #4b5563; font-size: 0.95rem; margin-bottom: 0.25rem; border-radius: 4px; transition: all 0.2s ease; font-family: -apple-system, BlinkMacSystemFont, Inter, Roboto, Ubuntu, sans-serif; } .diyssd-mobile-link:hover { background-color: #f3f4f6; color: #1f2937; } /* ========================================================================== RESPONSIVE BREAKPOINTS ========================================================================== */ /* Mobile: 640px and below */ @media (max-width: 640px) { .diyssd-nav { padding: 0.5rem 1rem; } .diyssd-logo img { max-height: 32px; max-width: 160px; max-width: 250px; padding-right: 0; } .diyssd-mobile-menu { width: 100%; } .diyssd-mobile-toggle { display: flex; } } /* Mobile Landscape: 641px to 844px */ @media (min-width: 641px) and (max-width: 844px) { .diyssd-mobile-menu { width: 75%; max-width: 450px; } .diyssd-mobile-toggle { display: flex; } } /* Tablet: 845px to 1080px */ @media (min-width: 845px) and (max-width: 1080px) { .diyssd-mobile-menu { width: 75%; max-width: 500px; } .diyssd-mobile-toggle { display: flex; } } /* Desktop: 1081px to 1280px */ @media (min-width: 1081px) and (max-width: 1280px) { .diyssd-desktop-menu { display: flex; } .diyssd-mobile-toggle { display: none; } } /* Large Desktop: 1281px and above */ @media (min-width: 1281px) { .diyssd-desktop-menu { display: flex; } .diyssd-mobile-toggle { display: none; } .diyssd-nav { padding: 0.75rem 2rem; } } /* ========================================================================== ACCESSIBILITY & FOCUS STYLES ========================================================================== */ /* The outline will only be applied when a keyboard is used for navigation. */ body.diyssd-using-keyboard .diyssd-menu-link:focus, body.diyssd-using-keyboard .diyssd-dropdown-link:focus, body.diyssd-using-keyboard .diyssd-mobile-link:focus, body.diyssd-using-keyboard .diyssd-mobile-toggle:focus, body.diyssd-using-keyboard .diyssd-mobile-close:focus { outline: 2px solid #3b82f6; outline-offset: 2px; } /* Prevent body scroll when mobile menu is open */ .diyssd-nav-container.mobile-menu-open { overflow: hidden; } /* High contrast mode support */ @media (prefers-contrast: high) { .diyssd-menu-divider { background-color: #000; } .diyssd-dropdown { border: 2px solid #000; } .diyssd-mobile-divider { background-color: #000; height: 2px; } } /* Reduced motion support */ @media (prefers-reduced-motion: reduce) { .diyssd-nav-container * { transition: none !important; animation: none !important; } }
features benefits product web page | diy ssd
crucial t500 product image | diy ssd
Crucial T500

Crucial’s T500 SSD blends blistering PCIe Gen4 speed with sleek efficiency, making it a tempting upgrade for gamers, creators, and performance purists. Powered by next-gen NAND and a refined controller, it slashes load times and devours data transfers. Think of it as your system’s caffeine shot—fast, reliable, and ready to push limits. Curious how far it can go?

View
crucial t700 product image | diy ssd
Crucial T700

The Crucial T700 PCIe Gen 5 NVMe SSD offers unmatched performance with read speeds up to 12,400MB/s and write speeds up to 11,800MB/s. Available in 1TB, 2TB, and 4TB capacities, it features DirectStorage compatibility and advanced 232-layer Micron TLC NAND. While it excels in content creation and gaming, it requires a PCIe 5.0 motherboard and comes at a premium price. Not compatible with gaming consoles, it's ideal for high-end desktop PCs.

View
crucial t705 product image | diy ssd
Crucial T705

The Crucial T705 PCIe Gen5 NVMe SSD offers unparalleled performance with speeds up to 14,500MB/s read and 12,700MB/s write. Available in 1TB, 2TB, and 4TB capacities, it features advanced 232-layer TLC NAND and a Phison E26 controller. Ideal for gamers and content creators, the T705 includes a premium heatsink design and 5-year warranty. While pricey, it delivers top-tier speed for demanding users.

View
crucial x10 pro product image | diy ssd
Crucial X10 Pro

The Crucial X10 Pro Portable SSD delivers speeds up to 2,100MB/s in a durable, compact design. Compatible with multiple platforms including PS5, it offers 1TB to 4TB capacities. Features include hardware encryption, IP55 resistance, and sustained high-speed transfers. While premium-priced, it's ideal for gamers and content creators demanding top performance.

View
fanxiang s101 product image | diy ssd
FanXiang S101 SATA SSD

The FanXiang S101 SSD packs impressive speed into a sleek form, delivering snappy boots, quick game loads, and smooth multitasking without breaking the bank. Built for PC upgraders who crave performance without the hype, it’s the kind of drive that makes you wonder why you ever tolerated spinning platters. Fast, reliable, and ready to make your system feel brand new—curious yet?

View
fanxiang s109 product image | diy ssd
FanXiang S109

The FanXiang S109 SATA SSD is a high-performance internal drive for desktops, laptops, and Xbox consoles. Available in 1TB, 2TB, and 4TB capacities, it features a SATA III 6Gbps interface, read speeds up to 560MB/s, and write speeds up to 480MB/s. With a DRAM cache, 3D NAND TLC technology, and advanced data protection, it ensures reliability and durability, backed by a 5-year warranty. Ideal for gaming and content creation, it offers a significant performance boost over HDDs.

View
fanxiang s660 product image | diy ssd
FanXiang S660

The FanXiang S660 PCIe Gen 4 NVMe SSD delivers exceptional speed and reliability for gamers and content creators. With blazing-fast read/write speeds, high capacities, and efficient heat management, it significantly enhances system performance. Compatible with PCs and PS5, this SSD offers versatility and durability, making it ideal for users demanding top-tier storage solutions despite its premium price point.

View
fanxiang s880 product image | diy ssd
FanXiang S880

The FanXiang S880 PCIe Gen 4 NVMe SSD offers high-speed storage for gamers and content creators. With capacities up to 4TB, read speeds of 7450MB/s, and PS5 compatibility, it delivers impressive performance at a competitive price. Featuring 3D NAND TLC flash, a 5-year warranty, and up to 2800TBW endurance, the S880 balances speed, reliability, and value for those seeking a cost-effective upgrade for their PC or console.

View
geeekpi n04 product image | diy ssd
GeeekPi N04

The GeeekPi N04 is a high-performance M.2 NVMe SSD expansion board for the Raspberry Pi 5. Supporting various SSD sizes and featuring PCIe Gen2/Gen3 compatibility, it offers versatile storage options for tech enthusiasts. With gold-plated PCB, efficient cooling design, and easy installation, the N04 maximizes your Pi 5's potential for media servers, development platforms, or compact gaming systems. Unlock blazing-fast storage for your next Raspberry Pi project.

View
geekworm x1001 product image | diy ssd
Geekworm X1001

The Geekworm X1001 PCIe to M.2 NVMe SSD HAT for Raspberry Pi 5 offers a significant storage upgrade path for enthusiasts and makers. Supporting various M.2 NVMe SSD sizes (2230 to 2280), this accessory combines easy installation with versatile compatibility. While limited to PCIe Gen 2 speeds, it still provides a substantial performance boost over traditional storage options. Ideal for those looking to enhance their Raspberry Pi 5 projects with faster, more capacious storage solutions.

View
Previous Next
About
Privacy
Terms
© 2024, 2025 - All Rights Reserved
Brand Logo Icon | DIY SSD