- Home
-
Code Snippet with Copy Button
Code Snippet with Copy Button
Clipboard-Friendly Code Block
Uses Prisma for code highlighting
This tailwind example is contributed by Prajwal Hallale, on 04-Sep-2023. 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
Author Prajwal Hallale
Related Examples
-
Copy code block
showcase command-line instructions or code examples. It provides a clear distinction between code content and other elements.
2 years ago30.8k -
background animation
background animation
1 year ago42.3k -
Code Block with Copy Button
this example uses clipboard.js to copy the code
1 year ago17.3k -
1 year ago17k
-
1 year ago26k
-
Typewriter effect in tailwindcss with this simple trick
source: https://dev.to/lazysock/make-a-typewriter-effect-with-tailwindcss-in-5-minutes-dc
1 year ago10.4k -
2 years ago10.4k
-
1 year ago8.8k
-
Copy code block
showcase command-line instructions or code examples. It provides a clear distinction between code content and other elements.
2 weeks ago41 -
Simple Multi-Purpose Slider
This is a very minimalistic though very usable slider for various situations like CTA's, quotes or other uncomplicated content. I only used Tailwindcss which makes it very lightweight, but due to limitations it's not as flexible as I wished for. This could be easily achieved by a little piece of JS to make it as dynamic as you wish.
4 months ago1.3k -
Code card with copy Button
this example uses clipboard.js to copy the code
2 months ago346 -
Code card with copy Button
this example uses clipboard.js to copy the code
2 weeks ago55
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components