www.onedoclabs.com Open in urlscan Pro
76.76.21.142  Public Scan

Form analysis
0 forms found in the DOM

Text Content

We value your privacy

We use cookies to enhance your browsing experience, serve personalized ads or
content, and analyze our traffic. By clicking "Accept All", you consent to our
use of cookies.

Customize Reject All Accept All
Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions.
You will find detailed information about all cookies under each consent category
below.

The cookies that are categorized as "Necessary" are stored on your browser as
they are essential for enabling the basic functionalities of the site. ... Show
more


NecessaryAlways Active

Necessary cookies are required to enable the basic features of this site, such
as providing secure log-in or adjusting your consent preferences. These cookies
do not store any personally identifiable data.

 * Cookie
   __hssrc
 * Duration
   session
 * Description
   This cookie is set by Hubspot whenever it changes the session cookie. The
   __hssrc cookie set to 1 indicates that the user has restarted the browser,
   and if the cookie does not exist, it is assumed to be a new session.

 * Cookie
   __hssc
 * Duration
   1 hour
 * Description
   HubSpot sets this cookie to keep track of sessions and to determine if
   HubSpot should increment the session number and timestamps in the __hstc
   cookie.

 * Cookie
   __cf_bm
 * Duration
   1 hour
 * Description
   This cookie, set by Cloudflare, is used to support Cloudflare Bot Management.

 * Cookie
   intercom-id-*
 * Duration
   8 months 26 days 1 hour
 * Description
   Intercom sets this cookie that allows visitors to see any conversations
   they've had on Intercom websites.

 * Cookie
   intercom-session-*
 * Duration
   7 days
 * Description
   Intercom sets this cookie that allows visitors to see any conversations
   they've had on Intercom websites.

 * Cookie
   intercom-device-id-*
 * Duration
   8 months 26 days 1 hour
 * Description
   Intercom sets this cookie that allows visitors to see any conversations
   they've had on Intercom websites.

 * Cookie
   XSRF-TOKEN
 * Duration
   session
 * Description
   Wix set this cookie for security purposes.

Functional


Functional cookies help perform certain functionalities like sharing the content
of the website on social media platforms, collecting feedback, and other
third-party features.

 * Cookie
   yt-remote-device-id
 * Duration
   never
 * Description
   YouTube sets this cookie to store the user's video preferences using embedded
   YouTube videos.

 * Cookie
   ytidb::LAST_RESULT_ENTRY_KEY
 * Duration
   never
 * Description
   The cookie ytidb::LAST_RESULT_ENTRY_KEY is used by YouTube to store the last
   search result entry that was clicked by the user. This information is used to
   improve the user experience by providing more relevant search results in the
   future.

 * Cookie
   yt-player-headers-readable
 * Duration
   never
 * Description
   The yt-player-headers-readable cookie is used by YouTube to store user
   preferences related to video playback and interface, enhancing the user's
   viewing experience.

 * Cookie
   yt-remote-connected-devices
 * Duration
   never
 * Description
   YouTube sets this cookie to store the user's video preferences using embedded
   YouTube videos.

 * Cookie
   yt-remote-session-app
 * Duration
   session
 * Description
   The yt-remote-session-app cookie is used by YouTube to store user preferences
   and information about the interface of the embedded YouTube video player.

 * Cookie
   yt-remote-cast-installed
 * Duration
   session
 * Description
   The yt-remote-cast-installed cookie is used to store the user's video player
   preferences using embedded YouTube video.

 * Cookie
   yt-remote-session-name
 * Duration
   session
 * Description
   The yt-remote-session-name cookie is used by YouTube to store the user's
   video player preferences using embedded YouTube video.

 * Cookie
   yt-remote-cast-available
 * Duration
   session
 * Description
   The yt-remote-cast-available cookie is used to store the user's preferences
   regarding whether casting is available on their YouTube video player.

 * Cookie
   yt-remote-fast-check-period
 * Duration
   session
 * Description
   The yt-remote-fast-check-period cookie is used by YouTube to store the user's
   video player preferences for embedded YouTube videos.

Analytics


Analytical cookies are used to understand how visitors interact with the
website. These cookies help provide information on metrics such as the number of
visitors, bounce rate, traffic source, etc.

 * Cookie
   _ga_*
 * Duration
   1 year 1 month 4 days
 * Description
   Google Analytics sets this cookie to store and count page views.

 * Cookie
   _ga
 * Duration
   1 year 1 month 4 days
 * Description
   Google Analytics sets this cookie to calculate visitor, session and campaign
   data and track site usage for the site's analytics report. The cookie stores
   information anonymously and assigns a randomly generated number to recognise
   unique visitors.

 * Cookie
   _gcl_au
 * Duration
   3 months
 * Description
   Google Tag Manager sets the cookie to experiment advertisement efficiency of
   websites using their services.

 * Cookie
   __hstc
 * Duration
   6 months
 * Description
   Hubspot set this main cookie for tracking visitors. It contains the domain,
   initial timestamp (first visit), last timestamp (last visit), current
   timestamp (this visit), and session number (increments for each subsequent
   session).

 * Cookie
   hubspotutk
 * Duration
   6 months
 * Description
   HubSpot sets this cookie to keep track of the visitors to the website. This
   cookie is passed to HubSpot on form submission and used when deduplicating
   contacts.

Performance

Performance cookies are used to understand and analyze the key performance
indexes of the website which helps in delivering a better user experience for
the visitors.

No cookies to display.

Advertisement


Advertisement cookies are used to provide visitors with customized
advertisements based on the pages you visited previously and to analyze the
effectiveness of the ad campaigns.

 * Cookie
   test_cookie
 * Duration
   15 minutes
 * Description
   doubleclick.net sets this cookie to determine if the user's browser supports
   cookies.

 * Cookie
   YSC
 * Duration
   session
 * Description
   Youtube sets this cookie to track the views of embedded videos on Youtube
   pages.

 * Cookie
   VISITOR_INFO1_LIVE
 * Duration
   6 months
 * Description
   YouTube sets this cookie to measure bandwidth, determining whether the user
   gets the new or old player interface.

 * Cookie
   VISITOR_PRIVACY_METADATA
 * Duration
   6 months
 * Description
   YouTube sets this cookie to store the user's cookie consent state for the
   current domain.

Uncategorized


Other uncategorized cookies are those that are being analyzed and have not been
classified into a category as yet.

 * Cookie
   ph_phc_jHjWg3U3A39knTK6ChWEUHIXMFYZ7rATZOLzhK39dv9_posthog
 * Duration
   1 year
 * Description
   Description is currently not available.

 * Cookie
   _cfuvid
 * Duration
   session
 * Description
   Description is currently not available.

 * Cookie
   _bf_session_key
 * Duration
   session
 * Description
   Description is currently not available.

 * Cookie
   dmn_chk_*
 * Duration
   session
 * Description
   This cookie is set to track user activity across the website.

 * Cookie
   mintlify-auth-key
 * Duration
   session
 * Description
   Description is currently not available.

Reject All Save My Preferences Accept All
Powered by
Onedoc - Homepage
DocsWhy?PricingBlogCommunity Templates
Sign In
Onedoc is now in Public Beta


DOCUMENTS FOR DEVELOPERS

Onedoc makes it easy to generate PDFs using modern web technologies.

Get started nowView on Github


1
<Invoice2
  company="Acme Inc."3
  amount="$12.99"4
  date="2024-02-08"5
  paymentMethod="mastercard"6
  cardDigits={0911} />

1
<Receipt2
  company={"Acme Inc."}3
  amount={"$12.99"}4
  date={"2024-02-08"}5
  paymentMethod={"mastercard"}6
  cardDigits={"0911"}7
/>

1
<Invoice2
  id={"10928"}3
  date={"2024-02-01"}4
  amount={"$1,035.00"}5
  paymentUrl={"https://example.com/pay"}6
/>

1
<Report2
  energy={[3
  {4
    "date": "2024-01-01",5
    "value": 106
  },7
  {8
    "date": "2024-01-02",9
    "value": 1210
  },11
  {12
    "date": "2024-01-03",13
    "value": 814
  },15
  {16
    "date": "2024-01-04",17
    "value": 1518
  },19
  {20
    "date": "2024-01-05",21
    "value": 1122
  }23
]}24
/>

1
<Invoice2
  id={"10928"}3
  date={"2024-02-01"}4
  amount={"$1,035.00"}5
  paymentUrl={"https://example.com/pay"}6
/>

1
<Receipt2
  company={"Acme Inc."}3
  amount={"$12.99"}4
  date={"2024-02-08"}5
  paymentMethod={"mastercard"}6
  cardDigits={"0911"}7
/>

1
<Invoice2
  id={"10928"}3
  date={"2024-02-01"}4
  amount={"$1,035.00"}5
  paymentUrl={"https://example.com/pay"}6
/>

1
<Report2
  energy={[3
  {4
    "date": "2024-01-01",5
    "value": 106
  },7
  {8
    "date": "2024-01-02",9
    "value": 1210
  },11
  {12
    "date": "2024-01-03",13
    "value": 814
  },15
  {16
    "date": "2024-01-04",17
    "value": 1518
  },19
  {20
    "date": "2024-01-05",21
    "value": 1122
  }23
]}24
/>

1
<Invoice2
  id={"10928"}3
  date={"2024-02-01"}4
  amount={"$1,035.00"}5
  paymentUrl={"https://example.com/pay"}6
/>

1
<Receipt2
  company={"Acme Inc."}3
  amount={"$12.99"}4
  date={"2024-02-08"}5
  paymentMethod={"mastercard"}6
  cardDigits={"0911"}7
/>

--------------------------------------------------------------------------------



Backed

by


PDF JUST LIKE WEB APPS

Write React code and get a PDF rendered in real-time

Render
1Write your document as code

Start from

InvoiceReportScratch
999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
›

⌄
import { Footnote, PageBottom, Tailwind, CSS } from "@onedoc/react-print";
import { QRCodeSVG } from "qrcode.react";
import { ArrowRightIcon } from "@heroicons/react/20/solid";
import React from "react";


export const App = () => {
return (
<Tailwind>
<CSS>
{`@import
url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');


@page {
size: a4;
margin: .75in .75in 1in .75in;
}
`}
</CSS>
<div className="font-[inter] text-slate-800">
<div className="bg-slate-100 -z-10 absolute -bottom-[1in] -right-[.75in]
-left-[.75in] rounded-t-[.75in] h-[20vh]"></div>
<PageBottom>
<div className="text-xs text-slate-400 border-t border-t-slate-300 py-4 mt-4
flex border-b border-b-slate-300">
<div>Invoice #1234</div>
<div className="flex-grow" />
<div>
Powered by{" "}
<a
href="https://paynow.com"
target="_blank"
className="underline underline-offset-2 "
>
PayNow
</a>
</div>
</div>
</PageBottom>
<div className="flex items-start">
<div>
<svg
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
viewBox="0 0 24 24"
className="w-16 mb-12 fill-slate-800"
>
<g>
<path
d="M22.45,12.12c0-2.91-0.99-5.33-3.03-7.34C17.42,2.76,14.96,1.74,12,1.74c-2.93,0-5.4,1.02-7.43,3.05
C2.56,6.8,1.55,9.26,1.55,12.15c0,0.84,0.11,1.63,0.27,2.37l9.71-7.65h5.01v14.58c1.06-0.5,2.03-1.13,2.91-1.99
C21.46,17.45,22.45,15.01,22.45,12.12z"
/>
<path d="M4.91,19.78c1.4,1.26,3.03,2.12,4.9,2.48v-6.32L4.91,19.78z" />
</g>
</svg>
<h1 className="text-2xl font-bold">Invoice #10928</h1>
<p className="text-slate-400 mb-8 pt-1">
February 1<sup>st</sup>, 2024
</p>
</div>
<div className="flex-grow" />
<div className="bg-blue-500 shadow-xl ring-white ring-4 shadow-blue-500/20
text-white p-1 rounded-[0.625rem] w-1/2">
<div className="flex items-center text-xs text-white pb-1 pl-3 font-bold">
PayNow
</div>
<div className="flex bg-white rounded-md text-slate-800 items-stretch">
<div className="flex-grow flex flex-col p-3 pt-2">



2Preview the rendered PDF



DESIGNED BY DEVELOPERS, FOR REAL-WORLD DOCUMENTS.

Documents as a Frontend

Craft custom documents with your favorite frontend tools like React and Vue.

On-the-fly Generation

Instantly generate dynamic documents based on real-time data.

Document Authentication

Secure your documents with trusted digital signatures.

Document Delivery Network

We handle document delivery and lifecycle management for you.

Analytics

Track views and downloads for insights into document engagement.

Ecosystem

Easily integrate with tools like Google Drive and DocuSign.

--------------------------------------------------------------------------------




FROM DESIGN TO GENERATION, A SIMPLE WORKFLOW.


 1. STEP 1DESIGN YOUR PDFS
    
    Design your PDFs using our open-source library react-print-pdf. Get access
    to components and templates to help you get started. Use your favorite UI
    library such as Tailwind or Chakra UI. Define your own style and layout.


 2. STEP 2RENDER YOUR PDFS
    
    Define your data models and stream data from your backend to your PDFs.
    Render your PDFs using our SDKs or API with dynamic real-time data. What you
    see is what you get, no surprises, 100% accurate.


 3. STEP 3PDFS LIFE CYCLE
    
    Manage the life cycle of your documents. Store, share, download, and more -
    in a single interface

--------------------------------------------------------------------------------




TEMPLATES

We build templates so you don't have to.


ReceiptInvoiceReportBrowse all templates


--------------------------------------------------------------------------------




TESTIMONIALS

We have worked with some of the best teams and companies in the world.
Here is what they have to say.

> “My experience with Onedoc has been amazing. I have been using Google Doc and
> LaTeX on Overleaf in the past, but always had trouble designing my documents
> as I wanted to. Onedoc has been a game changer for me, especially to manage
> layout, integrate images and code with ease. I am looking forward to the new
> features that will be developed by this great team!”

Basil
@basilyusuf1709

> “Great team, great project. I am a beta tester since day-1 and already started
> building my docs using Onedoc. Looking forward to see what's coming next !”

Christophe Saad
@christophesaad


> “Handling documents is something that had been needing an upgrade for a long
> time. OneDoc has done it, and i couldn’t be more excited for the new features
> that will be developed by this great team!”

Marc Watine
@marc-watine

--------------------------------------------------------------------------------




BEAUTIFUL DOCUMENTS, EASILY

Join our public beta and start generating, hosting and tracking documents this
afternoon.

Use Onedoc now, it's free

Onedoc helps developers generate, host and track dynamic PDFs.


RESOURCES

DocumentationPricingPrivacy Policy


COMMUNITY

Discord CommunityVery active!TwitterLinkedInGitHub
Built by Auguste, Pierre and Titouan with CodeMuse, 2023.