Interactive Playground

This is an interactive site to play with making telescopic text using the telescopic-text library maintained by jacky, spencer, and other open-source contributors.

To play with how a telescopic poem might look and behave, enter your text below, and the output will auto-update on top. If you would like to add it to the collection, you can submit your finished poem to this form.

How do I use this?

You can write transforming text using your favorite note app / text editor and a bullet list (accepted bullet symbols are - and *)! Start with a single sentence like: 

- Texts are boundless shapeshifters

At any point, you can break up the full sentence into separate lines. Bullets on the same indentation level are combined into the same sentence, and any indented bullets will be used as an expansion point for the parent bullet. At any point, you can break up the full sentence into separate lines. Bullets at the same indentation level. For example,

    - Texts
      - Clear notes
          - really clear notes
      - and 
    - are boundless shapeshifters.
      - are limitless shapeshifters.
would become the following:

Your Poem


Corresponding code

The following code will render the above transforming text if put in an HTML file. 


          

          

            Remember that you need to import the library code in your head. The
            easiest way is to include the following snippet:
          

          
<head>
  ...
  <script src="https://unpkg.com/telescopic-text/lib/index.js"></script>
  <link href="https://unpkg.com/telescopic-text/lib/index.css" rel="stylesheet">
</head>