Code
Snippet
/ 

Highlight Text From Search Query

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Highlight Text From Search Query

Use the http://markjs.io library and an input element to allow users to enter a search query and highlight any matching text in a specified element on the page.

​

Basic Jquery example: https://jsfiddle.net/julmot/vpav6tL1/

​

1. Add an attribute to the input field of name="keyword"

2. Add a class of .content to the element it should highlight text within that matches the value entered into the input

Get hired at Highlight Text From Search Query

We've partnered with startups.gallery to help you find new opportunities at the leading startups in design, development, and AI.

Tags

Javascript
Text

Industries

Creators

Corey Moen

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
3.16.21

Similar items

Items
0
Layout
Grid View
Row View
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
React Doctor
Tools
Utility
/ 
Library

React Doctor

2.20.26
AI, Dev Tools, QA, Javascript, Workflow
ui.sh
Tools
Utility
/ 

ui.sh

2.20.26
AI, Dev Tools, CSS, Workflow
Markdown Routes with Next.js
Learn
Course
/ 
Article

Markdown Routes with Next.js

2.20.26
Dev Tools, URL, SEO, Sanity
React Grab
Tools
Utility
/ 
Library

React Grab

2.20.26
AI, Dev Tools, LLM, QA, Workflow, Agentation
Mast
Featured
Tools
Framework
/ 

Mast

3.13.23
No-code, Creative, Dev Tools, CSS, Workflow, Design System, Extending, Why Webflow, Webflow, HARA, Rotor, Gantry, No-Code Supply Co.
Agentation
Code
Library
/ 
Utility

Agentation

2.10.26
AI, Dev Tools, LLM, Workflow
Ship Studio
Tools
App
/ 
Utility

Ship Studio

2.10.26
AI, Dev Tools, Website Builder, Web Apps, LLM, Workflow, Claude
Typograph Studio
Tools
App
/ 
Utility

Typograph Studio

2.10.26
Creative, AI, Fonts, Utility, Workflow
Whalesync
Partner
Tools
App
/ 

Whalesync

1.8.23
CMS, Database, Extending, Automation, Where Whalesync Really Wails, "100 SEO pages in 20 minutes with OpenAl + Webflow + Whalesync", Notion, Webflow, Airtable, Bubble
Jetboost
Partner
Tools
App
/ 

Jetboost

12.3.19
No-code, CMS, Search, Assets, Extending, Jetboost List Update Function
Fathom Analytics
Partner
Tools
App
/ 

Fathom Analytics

12.1.22
Analytics
Audienceful
Partner
Tools
App
/ 
Website

Audienceful

8.1.22
SAAS, No-code, Email, CMS, Marketing, Automation, Webflow
find-skills skill
Tools
Utility
/ 

find-skills skill

1.31.26
AI, Dev Tools, LLM, Workflow
Farm Minerals
Inspo
Website
/ 

Farm Minerals

1.31.26
Agriculture, Marketing, Scrollytelling, Animation, Webflow, GSAP
Mason Wong
Inspo
Website
/ 

Mason Wong

1.31.26
Creative, Personal, Portfolio, Framer
Outseta
Tools
App
/ 
Website

Outseta

8.13.20
No-code, SAAS, Authentication, Memberships, Extending, Ecommerce, Webflow
Slater
Tools
App
/ 

Slater

6.2.23
AI, Custom Code, Extending, Workflow, Webflow, Edgar Allan, 473
Letta
Tools
App
/ 
Website

Letta

1.23.26
AI, Dev Tools, Workflow
Pencil
Tools
App
/ 

Pencil

1.23.26
AI, Creative, Dev Tools, Web Apps, Website Builder, Figma, MagicPath
Conductor
Tools
App
/ 

Conductor

1.23.26
AI, Dev Tools, Workflow, Claude
1820 Productions
Inspo
Website
/ 

1820 Productions

1.23.26
Creative, Film, Agency, Portfolio, Webflow, GSAP, Carter Ogunsola
The Agent Skills Directory
Tools
Directory
/ 
Utility

The Agent Skills Directory

1.23.26
AI, Dev Tools, Creative, Workflow, Skill, Claude
Everything Claude Code Plugin
Tools
Utility
/ 

Everything Claude Code Plugin

1.23.26
AI, Dev Tools, Workflow, Skill, MCP, Ralph Wiggum
Ralph Wiggum
Tools
Utility
/ 
Library

Ralph Wiggum

1.23.26
AI, Dev Tools, Workflow, Skill, MCP
Sanity
Tools
App
/ 

Sanity

1.23.26
Dev Tools, AI, CMS, API, Database, Website Builder
Miriad
Tools
App
/ 
Utility

Miriad

1.23.26
AI, Dev Tools, Workflow, Claude
in progress works
Tools
App
/ 

in progress works

1.23.26
Community, SAAS, AI, Dev Tools, Project Management, Workflow
Give your agent a laboratory
Learn
Article
/ 

Give your agent a laboratory

1.23.26
AI, Dev Tools, Workflow, Skill, MCP
textarea.my
Tools
Utility
/ 

textarea.my

1.23.26
Writing, Text, URL, Workflow
BlogSync
Tools
Utility
/ 
Website

BlogSync

1.23.26
SAAS, AI, CMS, Workflow, Text, Assets, Automation, Webflow
Ripplix
Tools
Directory
/ 

Ripplix

1.23.26
Creative, Animation, Gallery
Memberstack
Tools
App
/ 

Memberstack

12.3.19
No-code, SAAS, Authentication, Memberships, Extending, Backend, Custom Code, Webflow
Mel Chiri Consulting
Inspo
Website
/ 

Mel Chiri Consulting

1.11.26
Marketing, Personal, Portfolio, Webflow, GSAP, Devin Fountain
Give Claude Code an external monitor
Tools
Utility
/ 
Snippet

Give Claude Code an external monitor

1.11.26
AI, Dev Tools, Workflow, QA, Claude
What if you don't need MCP at all?
Learn
Article
/ 

What if you don't need MCP at all?

1.11.26
AI, Dev Tools, API, Workflow
Chart Your Course - Webflow Course Template
Inspo
Website
/ 

Chart Your Course - Webflow Course Template

1.11.26
Creative, No-code, Dev Tools, Education, Design System, Authentication, Video, Outseta, Webflow
Strudel REPL
Code
Library
/ 

Strudel REPL

1.11.26
Music, Dev Tools, Javascript, Custom Code, Audio
Vizcom
Inspo
Website
/ 
App

Vizcom

1.11.26
Creative, SAAS, 3D, Workflow, Framer
UI Skills
Tools
Utility
/ 

UI Skills

1.9.26
AI, Creative, Dev Tools, Workflow, Skill, rams, The Agent Skills Directory, Claude Code Skills Hub
rams
Tools
Utility
/ 

rams

1.9.26
AI, Dev Tools, Creative, Workflow, Skill
Welcome to Gas Town
Learn
Article
/ 

Welcome to Gas Town

1.7.26
AI, Dev Tools, Workflow, Claude
CookieFlow
Tools
Utility
/ 
Component

CookieFlow

1.6.26
Dev Tools, Security, Extending, Webflow
Claude Code dangerously-skip-permissions: Safe Usage Guide
Learn
Article
/ 

Claude Code dangerously-skip-permissions: Safe Usage Guide

1.5.26
AI, Dev Tools, Workflow, Claude
Fly
Tools
App
/ 

Fly

1.5.26
Dev Tools, Hosting
Annnimate
Code
Library
/ 

Annnimate

1.5.26
Creative, Dev Tools, Animation, Webflow
Compound Engineering: How Every Codes With Agents
Learn
Article
/ 

Compound Engineering: How Every Codes With Agents

1.5.26
AI, Dev Tools, Engineering, Workflow
Claude Code Skills Hub
Tools
Directory
/ 

Claude Code Skills Hub

1.5.26
AI, Dev Tools, Workflow, Claude
MagicPath
Tools
App
/ 

MagicPath

1.2.26
AI, Creative, Dev Tools, Web Apps, Website Builder, Mobile Apps, Figma
Design is more than code
Learn
Article
/ 

Design is more than code

12.22.25
AI, Creative, Dev Tools, Workflow
Puck
Code
Library
/ 
Utility

Puck

12.22.25
AI, Dev Tools, Creative, No-code, Javascript, Website Builder, Onlook
Agent Skills
Learn
Article
/ 
Library

Agent Skills

12.22.25
AI, Dev Tools, Workflow, Claude, ChatGPT
Institute of Health
Inspo
Website
/ 

Institute of Health

12.22.25
Health & Wellness, Medical, Marketing, Webflow, GSAP, Artemii Lebedev
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.