# Interested in ideas about EUI playground for docs project

**URL:** https://discuss.elastic.co/t/interested-in-ideas-about-eui-playground-for-docs-project/220551
**Category:** Google Summer of Code
**Created:** [February 23, 2020, 1:12pm UTC](https://discuss.elastic.co/t/interested-in-ideas-about-eui-playground-for-docs-project/220551 "2020-02-23T13:12:43Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Lokesh\_Rana](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lokesh_rana/32/63162_2.png) [@Lokesh\_Rana](https://discuss.elastic.co/u/Lokesh_Rana)
#### Post date: [February 23, 2020, 1:12pm UTC](https://discuss.elastic.co/t/interested-in-ideas-about-eui-playground-for-docs-project/220551/1 "2020-02-23T13:12:43Z")

</div>

Hii, I have keen interest in developing playground for documentation of EUI, Can you point me to someone point me to examples on what exactly has to be done. My idea is to make it similar to antd documentation eg. [https://ant.design/components/button/](https://ant.design/components/button/)

---

<div class="post-metadata">

### Author: ![thompsongl](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thompsongl/32/85843_2.png) [@thompsongl](https://discuss.elastic.co/u/thompsongl)
#### Post date: [February 24, 2020, 6:55pm UTC](https://discuss.elastic.co/t/interested-in-ideas-about-eui-playground-for-docs-project/220551/2 "2020-02-24T18:55:46Z")

</div>

Hi, @Lokesh_Rana

Thanks for your interest!  
We don't have exact requirements or even a specific example we'd like to see emulated. The exciting part of this project is that we're looking for new ideas and approaches to collaborate on. The descriptions are intentionally broad to allow folks creativity. However, we have come across some concepts that we've found interesting or potentially useful.

[https://react-live.netlify.com/](https://react-live.netlify.com/) has great flexibility, which could pair nicely with EUI.

[https://github.com/elastic/eui/pull/2728](https://github.com/elastic/eui/pull/2728) has some existing work on a more full-featured integration with [codesandbox.io](http://codesandbox.io).

[https://github.com/storybookjs/storybook/tree/master/addons/knobs](https://github.com/storybookjs/storybook/tree/master/addons/knobs) , although we have no plans to use Storybook, highlights a good case of structured, intentional prop toggling in a simple UI.

The real goal is to allow users a quick but powerful way to start exploring component changes in EUI, in the browser and without needing to spin up a sample project. We're open to ideas that help us get to that goal.

---

<div class="post-metadata">

### Author: ![Lokesh\_Rana](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lokesh_rana/32/63162_2.png) [@Lokesh\_Rana](https://discuss.elastic.co/u/Lokesh_Rana)
#### Post date: [March 7, 2020, 4:08pm UTC](https://discuss.elastic.co/t/interested-in-ideas-about-eui-playground-for-docs-project/220551/3 "2020-03-07T16:08:54Z")

</div>

Hii @thompsongl, thanks for the response, I am planning to do it via react-live. However react-live has some restrictions on the kind of code you can write for eg. imports aren't necessary. For each component should the existing js code be used (after modifications) or should I create a separate file for react-live code. If existing js code is to be used, can you suggest some resources to help with editing the code string.

---

<div class="post-metadata">

### Author: ![thompsongl](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thompsongl/32/85843_2.png) [@thompsongl](https://discuss.elastic.co/u/thompsongl)
#### Post date: [March 9, 2020, 4:42pm UTC](https://discuss.elastic.co/t/interested-in-ideas-about-eui-playground-for-docs-project/220551/4 "2020-03-09T16:42:54Z")

</div>

Thanks for your continued interest, @Lokesh_Rana

We're not quite to the point where our team can get into specific reviews or code feedback for GSOC projects. It is important that you go through the entire application process ([https://github.com/elastic/gsoc#application-instructions](https://github.com/elastic/gsoc#application-instructions))

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [November 4, 2022, 7:46am UTC](https://discuss.elastic.co/t/interested-in-ideas-about-eui-playground-for-docs-project/220551/5 "2022-11-04T07:46:18Z")

</div>


