Update README.md

README.md

@@ -1,11 +1,17 @@
-# PlutoUI.jl
 
-[![Run with binder](https://mybinder.org/badge_logo.svg)](https://pluto-featured-notebooks.netlify.app/classic%20samples/plutoui.jl?preamble_html=%0A%3Cscript%3E%0ArequestIdleCallback(()%20%3D%3E%20window.start_binder())%0A%3C%2Fscript%3E%0A)
+![](https://user-images.githubusercontent.com/6933510/174067690-50c8128d-748b-4f50-8a76-2ce18166642b.png)
+
+# PlutoUI.jl
 
-A tiny package to make `html"<input>"` a bit more Julian. Use it with the [`@bind`](https://juliapluto.github.io/sample-notebook-previews/Interactivity.html) macro in [Pluto](https://github.com/fonsp/Pluto.jl).
+[![Documentation](https://img.shields.io/badge/docs-stable-blue.svg)](https://featured.plutojl.org/basic/plutoui.jl) [![Run with binder](https://mybinder.org/badge_logo.svg)](https://pluto-featured-notebooks.netlify.app/classic%20samples/plutoui.jl?preamble_html=%0A%3Cscript%3E%0ArequestIdleCallback(()%20%3D%3E%20window.start_binder())%0A%3C%2Fscript%3E%0A)
 
-For **documentation**, read the [**PlutoUI.jl sample notebook** inside Pluto](https://featured.plutojl.org/basic/plutoui.jl), or [read the docstrings](https://juliahub.com/docs/PlutoUI/).
+A small package with interactive elements to be used in [Pluto.jl](https://plutojl.org/).
 
-> If you know a bit of JavaScript, this package is a great, low-entry way to contribute to Pluto! All fun UI elements are welcome here!
+```julia
+@bind x PlutoUI.Slider(1:100)
+```
+```julia
+repeat("Hello ", x)
+```
 
-![PlutoUI showcase](https://user-images.githubusercontent.com/6933510/79402968-cc203300-7f8d-11ea-8f4c-7b136a5419ef.gif)
+For **documentation**, read the [**PlutoUI.jl featured notebook**](https://featured.plutojl.org/basic/plutoui.jl).