# Include flickity carousel in Dash

**URL:** <https://community.plotly.com/t/include-flickity-carousel-in-dash/53350>\
**Category:** Dash Python\
**Created:** [May 27, 2021, 9:45am UTC](https://community.plotly.com/t/include-flickity-carousel-in-dash/53350 "2021-05-27T09:45:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jfb](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jfb](https://community.plotly.com/u/jfb)\
**Post date:** [May 27, 2021, 9:45am UTC](https://community.plotly.com/t/include-flickity-carousel-in-dash/53350/1 "2021-05-27T09:45:53Z")

</div>

Hi,

I’m looking for a carousel component and tried to simply include the JS and CSS and then use the corresponding classes and data attribute, like so:

```python
import dash
import dash_html_components as html

external_scripts = ["https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"]
external_stylesheets = ["https://unpkg.com/flickity@2/dist/flickity.min.css"]

app = dash.Dash( __name__ , external_stylesheets=external_stylesheets, external_scripts=external_scripts)

app.layout = html.Div(
    children=[
        html.H1(children="Carousel in Dash"),
        html.Div(
            className="carousel", 
            **{'data-flickity': '{ "wrapAround": true }'},
            children=[
                html.Div(className="carousel-cell", children="1"),
                html.Div(className="carousel-cell", children="2"),           
                html.Div(className="carousel-cell", children="3")            
            ]
        )
    ]
)

if __name__ == ' __main__':
    app.run_server(debug=True)

```

But it seems it is not that easy as the `carousel-cell` elements are just rendered as simple `div`s. Am I just doing something wrong or is this generally not possible?