@webdevpuneet profile picture
Puneet Sharma @webdevpuneet

Freelancer & Founder at fwdtools.com — Building free online tools for freelancers & web developers

Joined December 2013
  • Tweets 92
  • Following 1
  • Followers 37
Photos and videos
Floating Chat Support Widget — Live Chat UI #HTML #CSS #JavaScript #webdev fwdtools.com/ui-snippets/flo…

Floating Chat Support Widget — Live Chat UI HTML CSS JS

Floating chat support widget with spring open animation, typing indicator, quick-reply chips, agent header, and unread badge. Exports to React & Vue.

fwdtools.com
5
Radar Chart #HTML #CSS #JS #webdev — SVG Spider Chart fwdtools.com/ui-snippets/rad…

Radar Chart HTML CSS JS — SVG Spider Chart

Build an SVG radar chart in JavaScript with polar-to-Cartesian math, two dataset overlays, draggable vertices, animated fill and a concentric ring grid

fwdtools.com
89
Cron Expression Syntax Is Confusing — This Visual Builder Lets Me Point and Click Instead fwdtools.com/blog/cron-expre… #webdev #WebDevelopment

Cron Expression Syntax Is Confusing — This Visual Builder Lets Me Point and Click Instead

If you’ve ever had to write or debug a cron expression, you know the feeling: you find a working example, copy it, and then spend 10 minutes trying to understand what it actually does before …

fwdtools.com
2
#Glassmorphism Login Form #HTML #CSS JS — Frosted Glass - #webdev fwdtools.com/ui-snippets/gla…

Glassmorphism Login Form HTML CSS JS — Frosted Glass

Glassmorphism login with backdrop-filter blur, animated CSS blobs, 3D flip card on success, form validation, eye toggle, and OAuth buttons. No library.

fwdtools.com
10
GDPR Consent Manager #HTML #CSS JS #webdev - Cookie Consent Banner, Preferences Modal & localStorage | UI Snippets fwdtools.com/ui-snippets/gdp…

GDPR Consent Manager HTML CSS JS — Cookie Consent Banner, Preferences Modal & localStorage | UI...

Free GDPR cookie consent manager HTML CSS JavaScript snippet. Slide-up banner, preferences modal with category toggles (Necessary/Analytics/Marketing/Functional), localStorage persistence, floating...

fwdtools.com
11
Free Video Player #HTML #CSS #JavaScript #webdev — Custom Video Player with Progress Bar, Volume, Speed & Fullscreen | UI Snippets fwdtools.com/ui-snippets/vid…

Free Video Player HTML CSS JS — Custom Video Player with Progress Bar, Volume, Speed & Fullscreen |...

Free custom HTML5 video player HTML CSS JavaScript snippet. Progress bar with buffer indicator, click-to-seek, volume slider, mute toggle, playback speed cycling (0.5×–2×), fullscreen, spacebar...

fwdtools.com
14
Free Sparkline Chart #HTML #CSS #JS — Canvas Sparkline with Gradient Fill, Bezier Curve & End Dot | UI Snippets fwdtools.com/ui-snippets/spa… #webdev

Free Sparkline Chart HTML CSS JS — Canvas Sparkline with Gradient Fill, Bezier Curve & End Dot | UI...

Free sparkline chart HTML CSS JS snippet. Canvas-based sparkline with cubic bezier curve for smooth line, linear gradient fill, end-point dot, normalised coordinates. Four metric cards: revenue,...

fwdtools.com
90
Free Collapsible Tree Menu #HTML #CSS #JS — Folder Expand/Collapse, Active File & Collapse All | UI Snippets fwdtools.com/ui-snippets/tre… #webdev

Free Collapsible Tree Menu HTML CSS JS — Folder Expand/Collapse, Active File & Collapse All | UI...

Free collapsible tree menu HTML CSS JS snippet. Folder expand/collapse with chevron rotation and max-height CSS transition. File selection with active state. Collapse all button. Nested subtrees with...

fwdtools.com
58
Free Scroll-Pinned Story Animation — #GSAP ScrollTrigger #HTML #CSS #JS Snippet | UI Snippets fwdtools.com/ui-snippets/scr… #webdev

Scroll-Pinned Story — Free GSAP ScrollTrigger Snippet

Pinned storytelling section with GSAP ScrollTrigger scrub zoom and staggered text reveals. Copy-paste or export to React, Vue & Tailwind.

fwdtools.com
9
CSS Easing Generator — Cubic-Bezier Editor with 27 Presets fwdtools.com/css-easing-gene… #css #webdevelopers #webdev

CSS Easing Generator — Cubic-Bezier Editor & 27 Presets

Visual cubic-bezier editor with live animation preview. 27 presets including Back, Expo, Circ easings. Copy CSS instantly. Free online.

fwdtools.com
10
Free Testimonial Slider #HTML #CSS #JavaScript — Auto-Advancing #Carousel with Dots, Arrow Navigation & Touch Swipe | #webdev | UI Snippets fwdtools.com/ui-snippets/tes…

Testimonial Slider — Free HTML CSS JS Carousel Snippet

Auto-advancing carousel with dots, arrows, keyboard navigation and touch swipe — no library. Exports to React, Vue, Angular & Tailwind.

fwdtools.com
12
I Added a Freelance Business Dashboard Inside My Daily Planner — Here's Why It Changed How I Work fwdtools.com/blog/i-added-a-… #freelancer #BusinessStrategy

I Added a Freelance Business Dashboard Inside My Daily Planner — Here’s Why It Changed How I Work

Most freelancers I know run their business from five or six different tabs. One for invoices, one for client follow-ups, one for time tracking, another for proposals, maybe a spreadsheet for retain…

fwdtools.com
1
16
Tax Season Checklist for UK Freelancers: The Calculators to Run Every April fwdtools.com/blog/tax-season… #freelance #uk #tax

Tax Season Checklist for UK Freelancers: The Calculators to Run Every April

Freelance tax season is stressful in a way that employed tax season isn’t. When you’re PAYE, your employer handles most of it. As a freelancer or sole trader, you’re responsible f…

fwdtools.com
5
AI Is Making More People Code — And Why That’s Fuelling a Freelance Boom in 2026 and Beyond { by @webdevpuneet } from @CoderLegion1 #freelance #webdev #ai #frontend coderlegion.com/19438

AI Is Making More People Code — And Why That’s Fuelling a Freelance Boom in 2026 and Beyond

Something unexpected is happening. AI was supposed to replace developers. Instead, it's creating more of them. In 2026, the number of people who can ship working code is larger than it has ever been...

coderlegion.com
25
Free HTML Playground — Learn #HTML Online, No Install | FWD Tools fwdtools.com/html-playground… #devtools #webdevelopment

HTML Playground — Learn HTML with 42 Interactive Lessons

Click a button, see the HTML render live, read the highlighted code. 42 lessons across 13 chapters — from your first tag to responsive images, native components, and SEO metadata. Free, no sign-up.

fwdtools.com
13
Loader Snippets HTML, CSS & JS — 4 free loading indicators ready to use and customize. fwdtools.com/ui-snippets/loa… #HTML #CSS #JavaScript #WebDevelopment #Frontend #UIDesign #WebDesign #CodeNewbie

Loader Snippets HTML CSS JS — 4 Free Loading Indicators | UI Snippets

Free HTML CSS JS loader snippets — shimmer skeleton loader, SVG progress ring, number slot machine, guided breathing animation. No library required.

fwdtools.com
13
My Code — Personal #HTML #CSS #JS Code Space | FWD Tools fwdtools.com/ui-snippets/myc… | #webdev #webdeveloper

My Code — Free Personal HTML CSS JS Code Space, No Signup | FWD Tools

Free personal code space — no signup, no account. Save, practice and learn HTML, CSS and JavaScript. Save from 149 snippets or write your own. Nothing uploaded, nothing shared — just your code, in...

fwdtools.com
112
Freelance Proposal Builder - Browser Proposal Template Tool | FWD Tools fwdtools.com/proposal-builde… #RemoteWork #FreelanceLife #FreelancerTools

Freelance Proposal Builder - Templates, Scope & PDF

Build freelance proposals with reusable templates, scope, deliverables, timeline, terms, and print-to-PDF export. No login.

fwdtools.com
24
Hamburger #Navigation Menu #HTML #CSS — Animated Mobile Nav Toggle | UI Snippets fwdtools.com/ui-snippets/ham… #webdev

Hamburger Menu — Free HTML CSS Animated Nav Snippet

Animated hamburger nav — three lines morph to an X and a full-width mobile menu slides open over a blurred header. Exports to React, Vue & Tailwind.

fwdtools.com
18
Button Snippets #HTML #CSS #JS — 9 Free Copy-Paste Buttons | UI Snippets fwdtools.com/ui-snippets/but… #webdev

Button Snippets HTML CSS JS — 9 Free Copy-Paste Buttons | UI Snippets

Free HTML CSS JS button snippets — primary, secondary, ghost, loading, ripple, magnetic button, neon glow, confetti burst, badge chips, and more. Copy-paste ready, no framework.

fwdtools.com
112
Load more