Arihant jain

HTTP Status Code

Component 3

About

A searchable, paginated table of HTTP status codes with category badges for quick reference in docs or dev tools.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds HTTP Status Code to your project and fits it to your theme.

Code

How HTTP Status Code is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import HttpStatusCode from "@/components/ui/http-status-code";

export default function HttpStatusCodeDemo() {
  return (
    <div className="flex w-full items-center justify-center p-8">
      <HttpStatusCode />
    </div>
  );
}

Dependencies

More by Arihant jain

View all
  • Footer section

    Footer section

    1.9K
  • Multistep Form

    Multistep Form

    716
  • Animated Drawer

    Animated Drawer

    695
  • Status Badge

    Status Badge

    525
  • Stacked Circular Footer

    Stacked Circular Footer

    432
  • Input Modal

    Input Modal

    338
  • Large Name Footer

    Large Name Footer

    200
  • Profile Dropdown

    Profile Dropdown

    199

Explore more

Part of Spectrum UI — browse the full library on 21st.dev.