Home / Content and Data

Content and Data JavaScript Projects

Most websites are really about showing content well. These ten projects cover tables you can sort and export, charts without a library, a tiny Markdown blog, fast loading images, timers, notifications, comment threads, multiple languages, a searchable FAQ and a before and after slider. Each one is a single HTML file with real content and photos, ready to copy into your own site.

Data Table JavaScript project preview

081. Data Table

A sortable, searchable table with filters, pages, row selection and CSV export
SVG Charts Kit JavaScript project preview

082. SVG Charts Kit

Line, bar and donut charts drawn with plain SVG, with tooltips and a data table
Markdown Blog Engine JavaScript project preview

083. Markdown Blog Engine

A tiny blog that reads Markdown posts, with tags, search and reading time
Blur-up Lazy Images JavaScript project preview

084. Blur-up Lazy Images

A photo grid that shows tiny blurred placeholders and loads full images when they scroll into view
Countdown Timer Kit JavaScript project preview

085. Countdown Timer Kit

An event countdown, a sale timer, a kitchen timer with sound and a stopwatch with laps
Toast Notification Center JavaScript project preview

086. Toast Notification Center

Toast messages with types, positions, undo actions and a notification history
Threaded Comments JavaScript project preview

087. Threaded Comments

A comment section with nested replies, likes, editing, sorting and relative times
Language Switcher JavaScript project preview

088. Language Switcher

A page that switches between five languages, including right to left Arabic
Searchable FAQ JavaScript project preview

089. Searchable FAQ

An FAQ with instant search, categories, deep links, votes and automatic schema markup
Before and After Slider JavaScript project preview

090. Before and After Slider

A draggable slider that compares two images, like before and after a photo edit