FreeJavaScript projects
100 free JavaScript projects you can open, learn from and use
All 100 projects are live, sorted into 12 categories. Every one is plain JavaScript in a single HTML file, built around a browser feature worth knowing in 2026: AI that runs on your own device, WebGPU, WebRTC, passkeys, offline apps and more. Open the demo, read the code, then make it yours.
JS
Topics in the setAI in the Browser projects
Free projects
with source code
with source code
10012 categories
Open it. Read it. Build it.
1. AI in the Browser
See all 10 AI in the Browser projects
001. Local AI Chatbot
A private chat assistant that runs on your graphics card
002. Image Classifier
Drop a photo and see what the AI thinks it is
003. Speech to Text Notes
A voice notes app that writes down what you say
004. AI Text Summarizer
Paste a long article and get the key points
005. Smart Writing Assistant
A writing helper that drafts, rewrites and checks your text
006. Live Translator
A translator that works as you type, in 15 languages
007. Background Remover
Cut the background out of any photo in seconds
008. Semantic Search for Notes
Search your notes by meaning, not exact words
009. Voice Command Controller
Control a smart home dashboard with your voice
010. QR and Barcode Scanner
Scan QR codes and barcodes with your camera2. Modern UI
See all 10 Modern UI projects
011. UI Component Library
Six reusable Web Components you can drop into any page
012. View Transitions Gallery
A photo gallery where images grow smoothly into the detail page
013. Client-side Router
A tiny single page app router with real URLs
014. Popovers Without Libraries
Tooltips, menus, toasts and a side sheet with no library
015. Signals State Library
A 40 line reactive state library running a shopping cart
016. Infinite Scroll Feed
A photo feed that loads more posts as you scroll
017. Responsive Dashboard Widgets
Dashboard widgets that change layout when you resize them
018. Kanban Board
A Trello style task board with drag and drop
019. Color Picker and Palette Tool
A color picker that pulls palettes from photos and checks contrast
020. Accessible Modal and Form Kit
An accessible sign up form inside a native dialog3. PWA and Offline
See all 7 PWA and Offline projects
021. Offline-first Todo PWA
A todo app you can install that works with no internet
022. Expense Tracker PWA
A spending tracker with charts that syncs when back online
023. Reminder Notifications
A reminder app with Done and Snooze buttons in the notification
024. Local Markdown Editor
A Markdown editor that saves real files on your disk
025. Share Target Link Saver
A reading list app that appears in your phone's share menu
026. Multi-tab Sync
Open it in several tabs and watch them stay in sync
027. Instant-loading Blog
A blog where the next page is ready before you click4. Security and Auth
See all 4 Security and Auth projects
028. Passkey Login Demo
Sign up and sign in with your fingerprint instead of a password
029. Client-side Password Manager
An encrypted password vault that only your master password opens
030. Secure File Encryptor
Lock any file with a password, right in your browser
031. TOTP 2FA Authenticator
An authenticator app that makes six digit 2FA codes5. Media and Real Time
See all 9 Media and Real Time projects
032. Video Call App
A peer to peer video call between two browsers
033. Screen Recorder
Record your screen with your voice and your face in the corner
034. Browser Video Editor
Trim a clip, add a filter and a title, and export an MP4
035. Collaborative Whiteboard
A shared drawing board with live cursors
036. Music Visualizer
Turn music into moving bars, waves and a glowing ring
037. WebGPU Particle Playground
Up to a million glowing particles that follow your mouse
038. Image Compressor
Shrink photos in bulk without uploading them
039. Live Chat App
A real time chat with rooms and typing indicators
040. Online Code Playground
A CodePen style editor with live preview and share links6. Hardware and Performance
See all 6 Hardware and Performance projects
041. Bluetooth Device Dashboard
Read live heart rate and battery from a Bluetooth device
042. Arduino Serial Monitor
Read and plot data from an Arduino or ESP32 over USB
043. WebAssembly Image Filters
Photo filters in hand written WebAssembly, raced against JavaScript
044. Performance Monitor Widget
A live panel for Core Web Vitals on any page
045. Browser File Compressor
Gzip any file or unpack a .gz right in the browser
046. Scheduler API Demo
See why long tasks freeze a page and how to fix it7. Developer Tools
See all 4 Developer Tools projects
047. JSON Formatter and Validator
Format, check and browse JSON, even large files
048. Regex Tester
Test regular expressions with live highlights and groups
049. Mini Postman API Client
Send API requests and read clean responses
050. Temporal Date and Time Toolkit
Time zones, date math and Unix time with the new Temporal API8. Website Sections
See all 10 Website Sections projects
051. Mega Menu Navigation
A big dropdown menu with columns, keyboard support and a mobile drawer
052. Sticky Header and Scroll Progress
A header that shrinks on scroll with a reading progress bar and back to top button
053. Touch Image Slider
A photo slider with swipe, autoplay, dots and keyboard control
054. Lightbox Gallery with Zoom
A photo grid that opens a full screen viewer with zoom and pan
055. Tabs and Accordion Kit
Accessible tabs and accordions with keyboard support and smooth height animation
056. Pricing Table with Toggle
A pricing table with a monthly and yearly switch, currencies and a seat slider
057. Testimonial Carousel
A customer reviews slider that shows one, two or three cards depending on space
058. Cookie Consent Banner
A GDPR style cookie banner with categories, saved choices and blocked scripts
059. Scrollspy Table of Contents
An automatic table of contents that highlights the section you are reading
060. Theme Switcher
A light, dark and system theme switch that remembers the choice with no flash9. Forms and Input
See all 10 Forms and Input projects
061. Multi-step Form Wizard
A sign up form split into steps with checks, a progress bar and a saved draft
062. File Upload Dropzone
A drag and drop uploader with previews, size limits and progress bars
063. Date Range Picker
A two month calendar for picking check in and check out dates
064. Autocomplete Search
A search box that suggests results as you type, with keyboard control
065. OTP Code Input
A six box verification code input with paste, auto advance and a resend timer
066. Password Strength Meter
A password box that rates strength, estimates crack time and suggests a strong password
067. Phone Input with Country Codes
A phone number field with a searchable country list and automatic formatting
068. Star Rating and Review Form
A review form with half star ratings, photos and a live rating summary
069. Signature Pad
A canvas where people sign with a finger, pen or mouse and save a PNG
070. Mini Rich Text Editor
A small editor with bold, headings, lists and links that exports clean HTML and Markdown10. E-commerce and Business
See all 10 E-commerce and Business projects
071. Shopping Cart with Coupons
A cart drawer with quantities, coupon codes, free shipping progress and saved items
072. Product Variant Picker
A product page where colour and size change the picture, price and stock
073. Product Filter and Sort
A product listing with category, price, colour and rating filters saved in the URL
074. Checkout Form
A one page checkout with address, delivery options, card checks and an order summary
075. Multi-currency Prices
Prices that switch to the visitor's currency with local formatting and neat rounding
076. Invoice Generator
An editable invoice that does the maths and prints to a clean PDF
077. Booking Slot Calendar
An appointment picker with services, available time slots and a calendar file
078. Store Locator
A list of shops sorted by distance from you, with open now status and a simple map
079. Order Tracking Timeline
An order status page with a step timeline, delivery estimate and live updates
080. Wishlist and Compare
Heart products to a saved wishlist and compare up to three side by side11. Content and Data
See all 10 Content and Data projects
081. Data Table
A sortable, searchable table with filters, pages, row selection and CSV export
082. SVG Charts Kit
Line, bar and donut charts drawn with plain SVG, with tooltips and a data table
083. Markdown Blog Engine
A tiny blog that reads Markdown posts, with tags, search and reading time
084. Blur-up Lazy Images
A photo grid that shows tiny blurred placeholders and loads full images when they scroll into view
085. Countdown Timer Kit
An event countdown, a sale timer, a kitchen timer with sound and a stopwatch with laps
086. Toast Notification Center
Toast messages with types, positions, undo actions and a notification history
087. Threaded Comments
A comment section with nested replies, likes, editing, sorting and relative times
088. Language Switcher
A page that switches between five languages, including right to left Arabic
089. Searchable FAQ
An FAQ with instant search, categories, deep links, votes and automatic schema markup
090. Before and After Slider
A draggable slider that compares two images, like before and after a photo edit12. SEO and Site Tools
See all 10 SEO and Site Tools projects
091. Meta Tag Generator
A form that writes your title, description and social tags with live search and share previews
092. OG Image Maker
A canvas tool that makes 1200 by 630 share images with your title and brand
093. Schema JSON-LD Builder
A form that writes structured data for businesses, products, articles, events and FAQs
094. Favicon Generator
A tool that makes every favicon size and a web manifest from a letter or an image
095. Responsive Image Maker
A tool that resizes one photo into several sizes and writes the srcset code
096. Sitemap Generator
A tool that turns a list of pages into sitemap.xml and robots.txt
097. Accessibility Checker
A checker that finds missing alt text, low contrast, heading gaps and unlabeled fields
098. Spam-proof Contact Form
A contact form that blocks bots with a honeypot, a timing check and simple content rules
099. Privacy Analytics Lite
A cookie free visit counter with a small dashboard of pages, sources and devices
100. Page SEO Audit
An on-page SEO checker that scores a page and lists what to fixQuestions people ask
Are these JavaScript projects really free?
Yes. Every project is released under the MIT license. You can use them for learning, client work and paid products. Some AI models have their own license, and the project page says so when that matters.
Do I need React or a framework?
No. Each project is one HTML file with plain JavaScript and CSS inside. There is no build step and no npm install. Serve the folder and open it in a browser.
Are these good projects for a portfolio?
Yes. Each one uses a newer browser feature, like WebGPU, WebCodecs or passkeys, that many developers have not tried yet. That makes them stand out more than another to do list.
What do I need to run them?
A modern browser and a local server, like npx serve . or python -m http.server. A few projects also need a camera, a microphone, a Bluetooth device or a recent version of Chrome, and each project page says so.