This directory contains a growing number (currently 117) of standalone example projects, including live online versions, build instructions and commented source code.

If you want to contribute an example, please get in touch via PR, issue tracker, email or twitter!

#	Screenshot	Name	Description
001		adaptive-threshold	Interactive image processing (adaptive threshold)
002		async-effect	Minimal demo using interceptors with an async side effect
003		big-font	Large ASCII font text generator using @thi.ng/rdom
004		bitmap-font	Figlet-style bitmap font creation with transducers
005		canvas-dial	Canvas based dial widget
006		cellular-automata	2D transducer based cellular automata
007		color-themes	Probabilistic color theme generator
008		commit-heatmap	Heatmap visualization of this mono-repo's commits
009		commit-table-ssr	Filterable commit log UI w/ minimal server to provide commit history
010		crypto-chart	Basic crypto-currency candle chart with multiple moving averages plots
011		devcards	BMI calculator in a devcards format
012		dominant-colors	Color palette generation via dominant color extraction from uploaded images
013		ellipse-proximity	Interactive visualization of closest points on ellipses
014		fft-synth	Interactive inverse FFT toy synth
015		geom-convex-hull	Convex hull & shape clipping of 2D polygons
016		geom-fuzz-basics	geom-fuzz basic shape & fill examples
017		geom-knn	Doodle w/ K-nearest neighbor search result visualization
018		geom-tessel	Animated, recursive polygon tessellations
019		geom-voronoi-mst	Poisson-disk shape-aware sampling, Voronoi & Minimum Spanning Tree visualization
020		gesture-analysis	Mouse gesture / stroke analysis, simplification, corner detection
021		grid-iterators	Visualization of different grid iterator strategies
022		hdom-basics	Minimal hdom usage example
023		hdom-benchmark	hdom update performance benchmark (old version)
024		hdom-benchmark2	hdom update performance benchmark w/ config options
025		hdom-canvas-clock	Realtime analog clock demo
026		hdom-canvas-draw	Interactive pattern drawing demo using transducers
027		hdom-canvas-particles	2D Bezier curve-guided particle system
028		hdom-canvas-shapes	Various hdom-canvas shape drawing examples & SVG conversion / export
029		hdom-dropdown	Custom dropdown UI component for hdom
030		hdom-dropdown-fuzzy	Custom dropdown UI component w/ fuzzy search
031		hdom-dyn-context	Using custom hdom context for dynamic UI theming
032		hdom-elm	Using hdom in an Elm-like manner
033		hdom-inner-html	Higher-order component for rendering HTML strings
034		hdom-local-render	Isolated, component-local DOM updates
035		hdom-localstate	UI component w/ local state stored in hdom context
036		hdom-skip	Skipping UI updates for selected component(s)
037		hdom-skip-nested	Skipping UI updates for nested component(s)
038		hdom-theme	Example for themed components proposal
039		hdom-toggle	Customizable slide toggle component demo
040		hdom-vscroller	Virtual scroller component for large tables / lists
041		hiccup-canvas-arcs	Animated arcs & drawing using hiccup-canvas
042		hydrate-basics	Hiccup / hdom DOM hydration example
043		imgui	Canvas based Immediate Mode GUI components
044		imgui-basics	Minimal IMGUI usage example
045		interceptor-basics	Event handling w/ interceptors and side effects
046		interceptor-basics2	Event handling w/ interceptors and side effects
047		iso-plasma	Animated sine plasma effect visualized using contour lines
048		json-components	Transforming JSON into UI components
049		login-form	Basic SPA example with atom-based UI router
050		mandelbrot	Worker based, interactive Mandelbrot visualization
051		markdown	Minimal Markdown to Hiccup to HTML parser / transformer
052		multitouch	Basic rstream-gestures multi-touch demo
053		package-stats	CLI util to visualize umbrella pkg stats
054		parse-playground	Parser grammar livecoding editor/playground & codegen
055		pixel-basics	Pixel buffer manipulations
056		pixel-dither	Showcase of various dithering algorithms
057		pixel-indexed	Image dithering and remapping using indexed palettes
058		pixel-normal-map	Normal map creation/conversion basics
059		pixel-sorting	Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel
060		pointfree-svg	Generate SVG using pointfree DSL
061		poisson-circles	2D Poisson-disc sampler with procedural gradient map
062		poly-spline	Polygon to cubic curve conversion & visualization
063		porter-duff	Port-Duff image compositing / alpha blending
064		ramp-synth	Unison wavetable synth with waveform editor
065		rasterize-blend	Steering behavior drawing with alpha-blended shapes
066		rdom-basics	Demonstates various rdom usage patterns
067		rdom-delayed-update	Dynamically loaded images w/ preloader state
068		rdom-dnd	rdom drag & drop example
069		rdom-lissajous	rdom & hiccup-canvas interop test
070		rdom-search-docs	Full umbrella repo doc string search w/ paginated results
071		rdom-svg-nodes	rdom powered SVG graph with draggable nodes
072		rotating-voronoi	Animated Voronoi diagram, cubic splines & SVG download
073		router-basics	Complete mini SPA app w/ router & async content loading
074		rstream-dataflow	Minimal rstream dataflow graph
075		rstream-event-loop	Minimal demo of using rstream constructs to form an interceptor-style event loop
076		rstream-grid	Interactive grid generator, SVG generation & export, undo/redo support
077		rstream-hdom	rstream based UI updates & state handling
078		rstream-spreadsheet	rstream based spreadsheet w/ S-expression formula DSL
079		scenegraph	2D scenegraph & shape picking
080		scenegraph-image	2D scenegraph & image map based geometry manipulation
081		shader-ast-canvas2d	2D canvas shader emulation
082		shader-ast-evo	Evolutionary shader generation using genetic programming
083		shader-ast-noise	HOF shader procedural noise function composition
084		shader-ast-raymarch	WebGL & JS canvas2D raymarch shader cross-compilation
085		shader-ast-sdf2d	WebGL & JS canvas 2D SDF
086		shader-ast-tunnel	WebGL & Canvas2D textured tunnel shader
087		shader-ast-workers	Fork-join worker-based raymarch renderer (JS/CPU only)
088		shader-graph	Minimal shader graph developed during livestream #2
089		soa-ecs	Entity Component System w/ 100k 3D particles
090		spline-tangent	Compute cubic spline position & tangent using Dual Numbers
091		stratified-grid	2D Stratified grid sampling example
092		svg-barchart	Simplistic SVG bar chart component
093		svg-particles	Basic 2D particle system w/ SVG shapes
094		svg-resample	SVG path parsing & dynamic resampling
095		svg-waveform	Additive waveform synthesis & SVG visualization with undo/redo
096		talk-slides	hdom based slide deck viewer & slides from my ClojureX 2018 keynote
097		text-canvas	3D wireframe textmode demo
098		text-canvas-image	Textmode image warping w/ 16bit color output
099		todo-list	Obligatory to-do list example with undo/redo
100		transducers-hdom	Transducer & rstream based hdom UI updates
101		triple-query	Triple store query results & sortable table
102		unbiased-normals	Visual comparison of biased vs. unbiased normal vectors projected on the surface of a sphere
103		webgl-channel-mixer	rdom & WebGL-based image channel editor
104		webgl-cube	WebGL multi-colored cube mesh
105		webgl-cubemap	WebGL cube maps with async texture loading
106		webgl-float-fbo	Drawing to floating point offscreen / multi-pass shader pipeline
107		webgl-grid	WebGL instancing, animated grid
108		webgl-msdf	WebGL MSDF text rendering & particle system
109		webgl-multipass	Minimal multi-pass / GPGPU example
110		webgl-shadertoy	Shadertoy-like WebGL setup
111		webgl-ssao	WebGL screenspace ambient occlusion
112		wolfram	1D Wolfram automata with OBJ point cloud export
113		xml-converter	XML/HTML/SVG to hiccup/JS conversion
114		zig-canvas	Zig-based DOM creation & canvas drawing app
115		zig-cellular	Zig-based 2D multi-behavior cellular automata
116		zig-counter	Simple Zig/WASM click counter DOM component
117		zig-todo-list	Zig-based To-Do list, DOM creation, local storage task persistence