Pricing Section with Monthly/Yearly Toggle

Pricing section with a monthly/yearly toggle: plan cards whose prices count to the discounted amount, a highlighted bracketed plan, yearly savings and plan selection. Light/dark, zero dependencies.

Ink OrbitbyKedhareswer Naidu

"use client"

import InkOrbitPricing from "@/components/ui/ink-orbit-pricing"

export default function Demo() {
  return (
    <div className="w-full">
      <InkOrbitPricing theme="dark" />
    </div>
  )
}

License

MIT License

Published

10/6/2026

Similar components

Explore more

Part of Ink Orbit — browse the full library on 21st.dev.

Pricing Section components216 SaaS components311 Pricing components105 Pricing Table components118

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Pricing Section with Monthly/Yearly Toggle

Tags

License

Published

Similar components

Explore more