List JS

Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

Basic

  • Jonny Stromberg

    1986

  • Jonas Arnklint

    1985

  • Martina Elm

    1986

  • Gustaf Lindqvist

    1983

Add Item

  • Jonny Stromberg

    1986

  • Jonas Arnklint

    1985

New List

    Table

    # Name Born
    1

    Jonny Stromberg

    1986
    2

    Jonas Arnklint

    1985
    3

    Martina Elm

    1986
    4

    Gustaf Lindqvist

    1983

    Data Attributes

    Use data attributes and other custom attributes as keys.

    # Name Born Photo
    1 Jonny Stromberg 1986 avatar
    2 Jonas Arnklint 1985 avatar
    3 Martina Elm 1986 avatar
    4 Gustaf Lindqvist 1983 avatar

    Add, Get & Remove

    Name Age City Edit Remove
    Jonny 27 Stockholm
    Jonas 32 Berlin
    Gustaf 23 Sundsvall
    Fredrik 26 Goteborg
    Otis 36 Bacolod
    Carla 27 Baleshwar

    This is just a simple example showing how to use add(), values() and remove(). The example have bugs (not List.js (I hope ;)) so I do not recommend copy-paste programming.

    Example of how to use the fuzzy search plugin.

    • Guybrush Threepwood

    • Elaine Marley

    • LeChuck

    • Stan

    • Voodoo Lady

    • Herman Toothrot

    • Meathook

    • Carla

    • Otis

    • Rapp Scallion

    • Rum Rogers Sr.

    • Men of Low Moral Fiber

    • Murray

    • Cannibals

    Pagination

    Example of how to use the pagination plugin

    • Guybrush Threepwood

    • Elaine Marley

    • LeChuck

    • Stan

    • Voodoo Lady

    • Herman Toothrot

    • Meathook

    • Carla

    • Otis

    • Rapp Scallion

    • Rum Rogers Sr.

    • Men of Low Moral Fiber

    • Murray

    • Cannibals

      Theme Customizer


      Customize & Preview in Real Time

      Menu Color Options

      Layout Options

      Navigation Color Options
      Solid
      Gradient

      Solid

      Gradient

      Buy Now