Paperclip: Invoicing template
Get paid faster, freelancer.
For invoicing and freelancer tools: a rotating hero, steps, a lifetime licence offer, a social wall, a chat FAQ and a bright CTA.
About the Paperclip template
Paperclip is for freelancer tools. A rotating hero, three steps from finished job to paid, a lifetime licence card, a freelancer social wall, a chat-style FAQ about fees and a bright CTA.
Get paid faster, freelancer. It is a complete invoicing landing page for React and Tailwind CSS 4, assembled from 8 Charcoal UI sections.
Who Paperclip is for
- Invoicing apps.
- Freelancer finance tools.
- Time tracking.
- Proposal and contract tools.
What is inside
8 sections, top to bottom:
- Navbar Floating: A glass pill that hides on scroll down, with a gliding hover highlight and a mobile sheet.
- Hero Rotating: A headline whose last word rolls through options, an email capture and avatar social proof.
- Features Steps: Numbered how-it-works steps joined by a line that draws itself as the section scrolls in.
- Pricing Lifetime: Lifetime deal card with a strike-through price, seats-claimed bar, end timer and refund promise.
- Testimonials Tweets: Masonry wall of social posts that fades out at the bottom into a read-more button.
- FAQ Chat: FAQ as a support chat: tap a question and a teammate types the answer back.
- CTA Ember: A closing band with rising embers and a shimmering call to action.
- Footer Minimal: One quiet row: brand, a few links and the year.
How it is built
The lifetime card's price, seats and features are props. Every section is a separate Charcoal UI section, so you can reorder, remove or restyle any of them, and the accent colour is one CSS variable on the page wrapper.
Install Paperclip
npx shadcn@latest add @charcoal/paperclipTemplates are part of Charcoal UI Pro. One seat covers all 100 templates, 107 sections and 300 Pro components. The command installs the page and every section and component it uses, so it runs the moment it lands.
Frequently asked questions
- Can I use Paperclip for a client site?
- Yes. A Pro seat covers unlimited personal and commercial projects, client work included.
- Is Paperclip a Next.js template?
- It is a React 19 page that works in Next.js (App Router or Pages Router), Vite, Remix and Astro. Drop it into a route and it renders.
Sections in this template
- Navbar Floating: A glass pill that hides on scroll down, with a gliding hover highlight and a mobile sheet.
- Hero Rotating: A headline whose last word rolls through options, an email capture and avatar social proof.
- Features Steps: Numbered how-it-works steps joined by a line that draws itself as the section scrolls in.
- Pricing Lifetime: Lifetime deal card with a strike-through price, seats-claimed bar, end timer and refund promise.
- Testimonials Tweets: Masonry wall of social posts that fades out at the bottom into a read-more button.
- FAQ Chat: FAQ as a support chat: tap a question and a teammate types the answer back.
- CTA Ember: A closing band with rising embers and a shimmering call to action.
- Footer Minimal: One quiet row: brand, a few links and the year.