New sidebar component

Building Blocks for the Web

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

Browse BlocksRequest a block
A download button with a resume download.
download-01
Files
app/content/page.tsx
import Download01 from "./components/download-01"

export default function Page() {
  return (
    <div className="flex h-[--height] max-h-[--height] w-full items-center justify-center p-6 md:p-10 max-w-full">
      <Download01 />
    </div>
  )
}
A dropdown menu with visual navigation grouped by sections able to be placed on the canvas.
effect-jump-to-section-01
Files
app/content/page.tsx
import JumpToSection01 from "@/components/index"

export default function Page() {
  return (
    <div
      data-theme="dark"
      style={{ colorScheme: "dark" }}
      className="dark dark-theme text-foreground absolute bg-background inset-0 m-0 p-0 flex h-[--height] w-full items-center justify-center min-h-[880px]"
    >
      <JumpToSection01 />
    </div>
  )
}