Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Dashboard blocks

Pro

IP Reputation Dashboard Block for Ark UI

Seven flagged IPv4 addresses with a score, country and status, a lookup that finds one or says it is not in the data, and for the chosen address its attack vectors, its requests per hour and a Block, Watch or Allow choice.

Framework
UI library

Preview

Preview width

Installation

Part of Pro
Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.
Get ProSign in
Have Pro already? Sign in to open it.Opens here as soon as you're Pro.

Overview

Look an address up and decide what to do with it, with this IP reputation panel for React with Ark UI. A hairline frame with a plus mark on each corner opens with a lookup: an Input for an IPv4 address and a Shine Button that finds it in the list of seven flagged addresses and selects it, or says "Not in this demo's data". The list shows each address's score, country and status as a Badge. The chosen address shows five attack vectors as bars, a strip of its requests per hour over the last day and a Toggle Group to set it to Block, Watch or Allow; the counts in the header change at once. The score is the mean of the address's three worst vectors. For abuse dashboards and security settings.

FAQ

How do I fill it with my addresses?

Edit FLAGGED: each has an ip, a country and five vector scores in the order of VECTORS. Scores are worked out from them, the request strip is seeded from the address so it stays the same on every load, and START holds each address's first status.

What does the lookup accept?

A dotted IPv4 address. Anything else puts a problem under the field and moves nothing; a valid address that is not in the list says it is not in the data, and one that is selects its row and reads its score and status.

What does choosing Block, Watch or Allow do?

It sets the address's status in this page and the counts above follow. Nothing is enforced. To make it real, send the choice to your edge or firewall API from the handler and update the status from its answer.

Is the request strip real data?

No. It is a daily wave with seeded noise, so the bars look the same every time. The text under it gives the total and the busiest hour, which is what a screen reader hears. Replace hourValue with your hourly counts.

How does it look on a phone?

The lookup field and button stack, the table drops the country column and the detail follows the list, so the vectors and the strip are a scroll away from the address you picked.

All 200 dashboard blocks