DEV3 Technologies home

Free code snippets

Free code snippets, page 8

Small, self-contained patterns from real DEV3 products, each explained, with a live preview where it makes sense. Copy them into your project; commercial use is fine.
200
snippets
7
stacks

All snippets

WordPress · ThemingChild theme starterA minimal child theme with a correct stylesheet header and a functions file that loads parent and child styles with cache busting.child-themeenqueuecustomisation Laravel · NotificationsReverb chat with polling fallbackBroadcast new chat messages over Laravel Reverb and fall back to cursor-based polling when the WebSocket is unavailable.reverbbroadcastwebsocket WordPress · DatabaseChangelog post type with version meta boxA release-notes post type with a nonce-protected version field, admin columns and a shortcode that lists releases newest first.changelogmeta-boxcpt WordPress · NavigationBreadcrumbs with BreadcrumbList schemaBuild a breadcrumb trail for pages, posts, archives and search, render it as an accessible list and add matching JSON-LD.breadcrumbsschema-orgseo Laravel · WebhooksBounce and complaint webhook processingTurn provider bounce and spam-complaint events into a suppression list, treating hard bounces at once and soft bounces only after repeats.emailbouncesuppression Laravel · DatabaseBid placement with row lockPlace an auction bid inside a transaction that locks the auction row, validates the minimum increment and updates the leader atomically.auctiontransactionslocking Laravel · UtilitiesAnti-sniping auction extensionExtend an auction's end time when a bid lands in the final minutes, with a cap on total extensions so it cannot run forever.auctiontimingcarbon WooCommerce · FormsCheckout field with validation and order metaAdd a custom checkout field, validate it server side, and save it to the order with high-performance storage support.woocommercecheckoutvalidation Flutter · UtilitiesBarcode scan pick listChecklist for warehouse or store picking where scanning a barcode ticks the matching line and flags wrong or extra items.flutterbarcodescanner Flutter · FormsAvailability calendar with range selectMonth grid that blocks booked days, lets users choose a start and end date and refuses ranges containing unavailable days.fluttercalendarbooking Flutter · AnimationAnimated live-tracking markerSmoothly glide and rotate a courier marker between GPS updates using a tween with shortest-path bearing interpolation.fluttertrackinganimation Flutter · FormsAddress autocomplete formAutocomplete field that queries address suggestions and fills street, city and postcode inputs from the chosen result.flutteraddressautocomplete Filament · Queue jobsFilament bulk action with confirmation and queued batchA Filament 4 bulk action that asks for confirmation, then fans the selected rows into a queued job batch and notifies the user when it finishes.filamentbulk-actionqueue Filament · PermissionsFilament approve and reject actions with reasonReusable Filament 4 table actions that approve or reject pending records, require a reason on rejection and guard the state transition.filamentworkflowapproval Filament · TablesFilament read-only activity log table with diff modalAn audit trail resource for Filament 4 on top of the activity log package: filters by event and user, with a modal showing old and new values.filamentaudit-logactivity React / Next.js · UtilitiesCron expression parser with next run timesParse a five-field cron expression with lists, ranges and steps, then compute its upcoming run times in plain TypeScript.cronschedulerparser Tailwind CSS · Feedback and empty statesCheckout step progress barAn accessible step indicator for multi-page checkouts showing completed, current and upcoming steps with a connecting line.stepsprogresscheckout Tailwind CSS · Feedback and empty statesChat launcher bubble and panelA floating chat button with unread badge that opens a message panel, with focus handling, Escape to close and a basic send form.chatwidgetlauncher React / Next.js · UtilitiesCanvas image compression to a target sizeDownscale and re-encode an image in the browser, lowering JPEG or WebP quality until it fits a byte budget.canvasimagecompression React / Next.js · UtilitiesCrop and resize an image on a canvasPure helpers to centre-crop an image to any aspect ratio and export it at exact pixel dimensions using a canvas.canvasimagecrop Tailwind CSS · EmailBulletproof email buttonA call-to-action button for HTML email that keeps its colour and rounded shape when images are blocked, with an Outlook fallback.emailbuttonoutlook React / Next.js · UtilitiesZip generated files in the browserResize an image into several PNG sizes on a canvas and bundle them into one downloadable zip with JSZip.zipjszipcanvas WordPress · ThemingRegister block patterns and a categoryAdd a pattern category and a reusable call-to-action block pattern with translatable strings from your theme.block-patternsgutenbergeditor Laravel · DatabaseAtomic donation goal progressUpdate a campaign's raised total with a single SQL increment and fire a goal-reached event exactly once, even under concurrent donations.donationsatomicprogress