Background Dots
The dot pattern renders using a CSS radial gradient that repeats every 8 pixels. No JavaScript or external assets required. The dots appear as 0.5px circles with 20% opacity, subtle enough to add texture without competing with content.
Dark mode inverts the dot color automatically through Tailwind's dark mode classes. The pattern fills the entire viewport as an absolutely positioned layer behind your content. Modify the background-size value to adjust dot spacing.
Ideal for minimalist landing pages, documentation sites, SaaS dashboards, and any layout where you want subtle visual interest without heavy assets.
Explore more
Part of Backgrounds ยท All blocks
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time



