Shadcn.io is not affiliated with official shadcn/ui
Map Ocean Currents
Ocean current visualization map block for Next.js with globe projection, current flow route lines, sea temperature markers, and current detail tooltips using mapcn map components, shadcn/ui, and Tailwind CSS
Visualize global ocean currents on an interactive 3D globe with this React and Next.js block. Explore major ocean current flow lines rendered as colored routes, sea surface temperature markers with degree readings, and hover tooltips with current speed, depth, and classification data. Toggle between warm and cold current views using the filter bar. Built with TypeScript, mapcn Map with globe projection, MapRoute, MapMarker, MarkerTooltip, and MarkerPopup components, shadcn/ui Badge, and Tailwind CSS. Perfect for oceanography dashboards, climate research tools, and marine education platforms.
Related Components
Satellite Imagery Map
Satellite viewer with overlays
Festival Grounds Map
Event venue map
Census Data Map
Population choropleth map
Property Valuation Map
Price gradient heatmap
Weather Alerts Map
Severe weather monitoring
FAQ
Was this page helpful?
Sign in to leave feedback.
Neighborhood Guide
React neighborhood amenities guide block for Next.js with categorized POI markers, walkability scores, area detail cards, and interactive category filters using mapcn map components and Tailwind CSS
Oil Pipeline
Interactive oil and gas pipeline network map with pipeline route lines, station markers, flow rate indicators, and infrastructure detail panels built with mapcn, shadcn/ui, and Tailwind CSS