Sidebar

A sidebar with a logo, different sections, profile button, upgrade button, note that it only supports dark mode.

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

import React from "react";
import { BrowserRouter } from "react-router-dom";
import { Sidebar } from "@/components/ui/sidebar";

export default function SidebarDemo() {
  return (
    <BrowserRouter>
      <Sidebar />
    </BrowserRouter>
  );
}