Home
Joost Hietbrink
Copy code block

Copy code block

Forked from> @sienna/copy-code-block

showcase command-line instructions or code examples. It provides a clear distinction between code content and other elements.

This tailwind example is contributed by Joost Hietbrink, on 20-Mar-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Copy code block, Code preview section, Command Preview

Code block

Author Joost Hietbrink

173

Fork Fullscreen

<code
 class="text-sm sm:text-base inline-flex text-left items-center space-x-4 bg-gray-800 text-white rounded-lg p-4 pl-6">
 
 
 $

curl 
 
 
-X POST https://ai.cloudpliant.com/v1/pep-check \
 -H 'Content-Type: application/json' \
 -H 'x-api-key: YOUR_API_KEY' \
 -d '{"personId":"12345","firstName":"John","lastName":"Doe","dateOfBirth":"1980-01-01"}'

Related Examples

Verify OTP
verification code

Author:
gidy

2 months ago

158
Copy command section

Author:
Lukas Müller

2 years ago

11.1k
Hero section with sample code
Show sample code of your digital product

Author:
Dipti narayan

1 year ago

9.7k
Section for coping code / command

Author:
Kofi Osei

2 years ago

9.2k
Code Snippet with Copy Button
Clipboard-Friendly Code Block Uses Prisma for code highlighting

Author:
Prajwal Hallale

1 year ago

9.6k
Copy code block
showcase command-line instructions or code examples. It provides a clear distinction between code content and other elements.

Author:
Sienna

2 years ago

32.3k
Code card with copy Button
this example uses clipboard.js to copy the code

Author:
Joost Hietbrink

4 months ago

270
Code card with copy Button
this example uses clipboard.js to copy the code

Author:
Akmaljon Muhammadjonov

6 months ago

770
Code Block with Copy Button
this example uses clipboard.js to copy the code

Author:
Alok

2 years ago

18k
Responsive Features Section

Author:
Abdul Baset Bappy

1 month ago

388
Showcase Your Services with Interactive Animations: A Modern HTML and Tailwind CSS Example
Discover how to create an eye-catching services section using plain HTML and Tailwind CSS. This modern example features interactive animations that bring your services to life. With smooth hover effects and responsive design, this section is perfect for enhancing your website's user experience. Easily customize the content to fit your needs, and let Tailwind CSS handle the styling and transitions for a polished, professional look.

Author:
Hezron Okoko

11 months ago

2.3k
Questionnaire Section

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

6 months ago

748

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components