{"id":190,"date":"2026-10-23T09:32:53","date_gmt":"2026-10-23T09:32:53","guid":{"rendered":"https:\/\/webdevpuneet.com\/blog\/?p=190"},"modified":"2026-10-23T09:32:56","modified_gmt":"2026-10-23T09:32:56","slug":"8-copy-paste-css-button-snippets-you-can-drop-into-any-site","status":"publish","type":"post","link":"https:\/\/webdevpuneet.com\/blog\/8-copy-paste-css-button-snippets-you-can-drop-into-any-site\/","title":{"rendered":"8 Copy-Paste CSS Button Snippets You Can Drop Into Any Site"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Every project needs buttons, and hand-coding a good one \u2014 hover state, animation, accessibility and all \u2014 eats more time than it should. Below are 8 free button snippets you can preview live and copy in seconds. Each one is pure HTML, CSS and (where needed) a few lines of JS, with no framework required.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But this isn&#8217;t just a copy-paste dump. For every button you&#8217;ll find <strong>how the effect actually works<\/strong>, <strong>when to reach for it<\/strong> (and when not to), and a quick tip for customising or keeping it accessible. By the end you&#8217;ll not only have eight buttons \u2014 you&#8217;ll understand the handful of CSS and JavaScript techniques that power almost every button micro-interaction on the modern web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every button below is a <strong>live, interactive preview<\/strong> \u2014 hover it, click it, try it right in the article. When you find one you like, hit <strong>View \/ Edit Code<\/strong> to grab the HTML\/CSS\/JS or export it to React, Vue, Angular or Tailwind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What makes a button feel &#8220;good&#8221;?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before the snippets, it helps to know what you&#8217;re actually copying. A button that feels satisfying almost always gets four things right:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Instant visual feedback<\/strong> \u2014 hover, focus and active states that respond in under 200&nbsp;ms so the button feels connected to your cursor.<\/li>\n\n\n\n<li><strong>Motion with purpose<\/strong> \u2014 animation that guides attention to the primary action, not decoration for its own sake.<\/li>\n\n\n\n<li><strong>Performance<\/strong> \u2014 effects built on <code>transform<\/code> and <code>opacity<\/code> (which the GPU handles) rather than properties that trigger expensive layout repaints.<\/li>\n\n\n\n<li><strong>Accessibility<\/strong> \u2014 real <code>&lt;button&gt;<\/code> elements, visible focus rings, and respect for <code>prefers-reduced-motion<\/code> so animation never becomes a barrier.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Keep those four in mind as you scroll \u2014 each snippet below leans on one or more of them.<\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">1. Gradient Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Three animated CSS gradient buttons \u2014 a moving gradient, a shine sweep, and a gradient border \u2014 with hover lifts and zero JavaScript. It&#8217;s the fastest way to make a call-to-action feel premium.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/gradient-button\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"Gradient Button \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> the moving gradient sets a <code>background-size<\/code> larger than the button (e.g. <code>200%<\/code>) and animates <code>background-position<\/code>, so the colours slide across a fixed frame. The gradient border uses a <code>::before<\/code> pseudo-element sized slightly larger than the button, sitting behind it \u2014 a trick that dodges the fact that <code>border-image<\/code> can&#8217;t be rounded.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> hero calls-to-action, pricing &#8220;Get started&#8221; buttons, and SaaS landing pages where the primary action needs to feel high-value. <strong>Tip:<\/strong> swap the two gradient stops for your brand colours and keep the animation duration around 3\u20134&nbsp;s \u2014 faster than that reads as jittery rather than premium.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/gradient-button\/\">Gradient Button<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. Ripple Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A Material-style ripple that expands from the exact click position in about 10 lines of JS. Comes in solid and outline variants, and exports cleanly to React, Vue and Tailwind.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/ripple-button\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"Ripple Button \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> on click, the script reads the button&#8217;s position with <code>getBoundingClientRect()<\/code>, subtracts it from the cursor coordinates to find the exact origin, and drops in a <code>&lt;span&gt;<\/code> that a CSS keyframe scales up and fades out. The element removes itself when the animation ends, so clicks never pile up stray nodes in the DOM.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> app UIs, dashboards, and anything with a Material or Android feel where users expect touch feedback. <strong>Tip:<\/strong> the ripple is the single most recognisable &#8220;this is interactive&#8221; cue you can add \u2014 it works beautifully on <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/cards\/\">cards<\/a> and list items too, not just buttons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/ripple-button\/\">Ripple Button<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. Shimmer Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A rotating conic spark border, a sheen sweep on hover, and a click ripple \u2014 all GPU-light so it stays smooth on mobile. Perfect for a hero CTA that needs to catch the eye.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/shimmer-button\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"Shimmer Button \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> the animated border is a <code>conic-gradient<\/code> rotated with a CSS custom property (<code>@property --angle<\/code>) so the browser can animate the angle on the GPU. The sheen is a diagonal light-coloured gradient that slides across on hover using a <code>transform: translateX()<\/code> transition \u2014 no repaint, no jank.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> a single, unmissable primary action \u2014 a &#8220;Start free trial&#8221; or &#8220;Buy now&#8221; hero button. <strong>Tip:<\/strong> use shimmer sparingly. One shimmering button on a page pulls the eye; three of them compete and cancel each other out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/shimmer-button\/\">Shimmer Button<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. Neon Glow Buttons<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cyberpunk neon buttons built from layered box-shadow and text-shadow in cyan, pink, green and purple \u2014 pure CSS, no images. Great for dark-themed landing pages and gaming sites.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/neon-glow\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"Neon Glow Buttons \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> the glow is several <code>box-shadow<\/code> layers stacked in the same hue \u2014 a tight, bright inner shadow for the core and progressively wider, softer shadows for the ambient spread. On hover the shadow radii grow, so the button appears to &#8220;light up&#8221;. A matching <code>text-shadow<\/code> makes the label glow too.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> dark UIs, gaming and crypto sites, music and event pages, and developer tools with a terminal aesthetic. <strong>Accessibility note:<\/strong> neon only reads well on a dark background \u2014 check that your label still hits a 4.5:1 contrast ratio, because pure glow can leave the core text hard to read.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/neon-glow\/\">Neon Glow Buttons<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5. Magnetic Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This button pulls toward the cursor using a little vector math and <code>getBoundingClientRect<\/code>, then smoothly snaps back when you leave. It&#8217;s the kind of micro-interaction that makes a portfolio feel expensive.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/magnetic-button\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"Magnetic Button \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> on <code>mousemove<\/code>, the script measures the distance from the cursor to the button&#8217;s centre and applies a proportional <code>translate<\/code> so the button drifts toward the pointer. A <code>requestAnimationFrame<\/code> loop eases the movement (a lerp \u2014 linear interpolation) so it glides rather than snapping, and resets to zero on <code>mouseleave<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> portfolios, agency sites, and premium product pages where craft is part of the pitch. <strong>Tip:<\/strong> keep the pull radius small (roughly the button&#8217;s own size) and skip it on touch devices \u2014 there&#8217;s no cursor to attract to, so gate it behind a <code>(hover: hover)<\/code> media query.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/magnetic-button\/\">Magnetic Button<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6. Liquid Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The fill rises as gooey metaballs that merge into one liquid mass on hover, using an SVG goo filter. It&#8217;s a showstopper for creative agency sites and product launches.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/liquid-button\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"Liquid Button \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> the &#8220;goo&#8221; is an SVG filter that blurs the shapes, then cranks up the alpha contrast so blurry edges snap back into a single crisp outline \u2014 blobs that overlap visually fuse. Small circles animate upward behind the label, and the filter makes them read as one rising liquid.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> a single hero moment \u2014 a launch page, an award-style portfolio, a creative agency landing. <strong>Heads-up:<\/strong> SVG filters are the heaviest effect here, so use one instance, not a grid of them, and always provide a plain hover fallback for reduced-motion users.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/liquid-button\/\">Liquid Button<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">7. 3D Push Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A tactile 3D push button in pure CSS \u2014 the top face drops onto a darker shadow face on click, exactly like pressing a real key. Simple, satisfying, and framework-friendly.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/3d-button\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"3D Push Button \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> a darker element sits directly behind the button as its &#8220;base&#8221;. The face is pushed up with <code>translateY<\/code>, exposing the base as a 3D edge. On <code>:active<\/code> the face translates down to meet the base, so the depth collapses \u2014 the exact motion of pressing a physical key. It&#8217;s all <code>transform<\/code>, so it stays perfectly smooth.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> games, kids&#8217; products, playful brands, and any interface where a chunky, physical feel fits. <strong>Tip:<\/strong> because it&#8217;s pure CSS with a real <code>:active<\/code> state, it works on touch out of the box and needs zero JavaScript \u2014 one of the most robust snippets in this list.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/3d-button\/\">3D Push Button<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">8. Pulse Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A call-to-action button that emits staggered expanding pulse rings to draw the eye, with a live\/stop toggle and off-screen pausing so it never wastes battery. Ideal for &#8220;Sign up&#8221; or &#8220;Buy now&#8221;.<\/p>\n\n\n\n<iframe src=\"https:\/\/webdevpuneet.com\/ui-snippets\/pulse-button\/embed\/\" style=\"width:100%;height:480px;border:0;border-radius:10px;overflow:hidden;\" loading=\"lazy\" title=\"Pulse Button \u2014 Free HTML\/CSS\/JS Snippet by FWD Tools\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it works:<\/strong> the rings are pseudo-elements that scale up and fade out on a loop, each with a staggered <code>animation-delay<\/code> so a new ring leaves before the last one finishes \u2014 the classic &#8220;radar&#8221; pulse. An <code>IntersectionObserver<\/code> pauses the animation when the button scrolls out of view, which keeps it off the CPU and easy on battery.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong> the one action you most want clicked \u2014 &#8220;Sign up&#8221;, &#8220;Buy now&#8221;, a notification dot, or a chat launcher. <strong>Tip:<\/strong> a pulse is a strong attention magnet, so limit it to a single element per screen and pair it with clear, benefit-led label text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grab the code: <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/pulse-button\/\">Pulse Button<\/a><\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to drop these into your project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every snippet is framework-agnostic, so the workflow is the same wherever you&#8217;re building:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the snippet and hit <strong>View \/ Edit Code<\/strong> to see the HTML, CSS and JS in separate tabs.<\/li>\n\n\n\n<li>Paste the HTML into your markup, the CSS into your stylesheet, and the JS (if any) before your closing <code>&lt;\/body&gt;<\/code> tag.<\/li>\n\n\n\n<li>Prefer a component? Use the one-click <strong>export to React, Vue, Angular or Tailwind<\/strong> and drop the file straight into your app.<\/li>\n\n\n\n<li>Recolour to your brand by editing the gradient stops, accent colour, or CSS custom properties at the top of each snippet.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Keep your buttons accessible<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Great visuals shouldn&#8217;t cost you usability. Three quick rules cover almost every case:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use a real <code>&lt;button&gt;<\/code> (or <code>&lt;a&gt;<\/code> for navigation) so keyboard and screen-reader users get the behaviour for free \u2014 never a bare <code>&lt;div&gt;<\/code> with a click handler.<\/li>\n\n\n\n<li>Keep a visible <code>:focus-visible<\/code> outline. If a design removes the default ring, add your own \u2014 keyboard users rely on it to see where they are.<\/li>\n\n\n\n<li>Wrap heavier motion in <code>@media (prefers-reduced-motion: reduce)<\/code> and fall back to a simple colour or shadow change for users who opt out of animation.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Final Thought<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These are just 8 of dozens of button styles you can copy for free \u2014 no login, no sign-up, everything runs in your browser. More importantly, the techniques behind them \u2014 animated gradients, click-origin ripples, layered glows, lerped magnetic motion, SVG goo, 3D transforms and looping pulses \u2014 are the same building blocks you&#8217;ll reuse across every interactive element you make. Learn them once here and you&#8217;ll reach for them again and again.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Preview any of them live, tweak the code, and export to your framework of choice in one click. Browse the full collection at <a href=\"https:\/\/webdevpuneet.com\/ui-snippets\/buttons\/\">FWD Tools UI Snippets \u2014 Buttons<\/a> \u2014 it&#8217;s free and runs entirely in your browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every project needs buttons, and hand-coding a good one \u2014 hover state, animation, accessibility and all \u2014 eats more time than it should. Below are 8 free button snippets you can preview live and copy in seconds. Each one is pure HTML, CSS and (where needed) a few lines of JS, with no framework required. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","advanced_seo_description":"8 free CSS button snippets with live previews: hover effects, animations and accessibility built in. Copy the HTML, CSS and JS in one click. No framework.","jetpack_seo_html_title":"8 Free CSS Button Snippets to Copy and Paste Into Any Site","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Need better buttons for your next web project?\n\nExplore 8 free CSS button snippets you can copy, paste, and use on any website.\n\n* Live previews\n* Smooth hover effects\n* CSS animations\n* Accessibility built in\n* Copy HTML, CSS & JS in one click\n* No framework required\n\nCheck them out: \n\n#CSS #WebDevelopment #FrontendDevelopment #JavaScript #UIDesign #WebDev\n","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[14],"tags":[],"class_list":["post-190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-snippets","et-has-post-format-content","et_post_format-et-post-format-standard"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/phrh5V-34","jetpack_featured_media_url":"https:\/\/i0.wp.com\/webdevpuneet.com\/blog\/wp-content\/uploads\/2026\/10\/css-button-snippets-webdevpuneet-1200x630-1.webp?fit=1200%2C630&ssl=1","_links":{"self":[{"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/posts\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":1,"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/posts\/190\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/posts\/190\/revisions\/192"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/media\/191"}],"wp:attachment":[{"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/media?parent=190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/categories?post=190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdevpuneet.com\/blog\/wp-json\/wp\/v2\/tags?post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}