Hundreds of Webflow components to Copy + Paste

Build your website in hours with hundreds of components to copy + paste into your Webflow project and customize.

Build your next website in just a few clicks

Build your website in hours with hundreds of components to copy + paste into your Webflow project and customize.

Hundreds of components... and counting!

We're building the biggest library of Webflow components. Every week, we add 10 to 20 components.

If I had to recommend a way of getting into Webflow today, it would be by using Superflow. It's so easy to build a beautiful website with these components!

Christian Truong, UX Designer

As easy as Copy + Paste

No need to clone any template, instantly copy and paste the components you like into your projects.

Have been working with Webflow for years and Superflow just makes my life so easier. I now build my websites two time faster. You should give it a try!

Salomé Murciani, Marketing Manager

Customize and add your branding

Once the component copied to your Webflow project, it's 100% editable. You can apply any brand identity to it.

I was bad at Webflow until I discovered Superflow. I can now implement the designs I create without working with a dev.

Mathilde Caillaud, Art Director

Super powers for no-code devs

Professionally designed, fully responsive, client-first based Webflow components.

Faster than ever

Start saving thousands of design and development hours. You can now skip Figma and jump straight into Webflow.

Beautiful designs

We add new meticulously crafted components every weeks to follow the latest design trends.

Scalable structure

All our components are built with Finsweet's Client-First Webflow Style System to make  them scalable and easy to integrate into your existing projects.

Pricing Plans

Get access to all our components and build your next website faster than ever.

Monthly

$19
per month
Free
Annually

Subscribe to access to all our components without engagement.

Get started

Lifetime

$189
one-time payment
$89.00
Annually

Buy once and get lifetime access to all our components, plus any updates we release in the future.

Get started

Chrome

Firefox

Edge

Copying components is not supported on Safari.
Please use a supported browser.

500+ customizable components

to add to your projects in one click!

Try to copy this CTA

Click on the button below to copy this component to your clipboard. You can then paste it into any of your webflow projects!

Frequently Asked
Questions

Can't find your answer? Hit me up on twitter!

Do you add new components?

Yes we add up to 20 components each week.

How to paste components into Webflow?

Click the copy button on Superflow and paste it into your Webflow project using Command-V on Mac or Control-V on Windows.

Can I use Superflow on Safari?

No, copying components is not supported on Safari. You can use Superflow only on Chrome, Firefox and Edge.

How do you process payment?

Payments are processed by Gumroad, a secured online selling platform for online creators.

Can I get a refund?

Sure! We're offering a 7 days 100% refund window if you don't like what you see.

What does "lifetime access" mean exactly?

SuperFlow is a one-time purchase, with no recurring subscription. When you purchase a SuperFlow license, you have access to all our components as long as the service is available.

What does "free updates" include?

We regularly add new components and all new components will always be totally free for existing customers.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ea150b7f-2906-eb5f-7d23-72db6c16e39d","tag":"section","classes":["4b138029-4072-6616-b221-ebda2a947fe3"],"children":["ea150b7f-2906-eb5f-7d23-72db6c16e39e"],"type":"Block","data":{"tag":"section","text":false}},{"_id":"ea150b7f-2906-eb5f-7d23-72db6c16e39e","tag":"div","classes":["b0934d9a-875a-bb42-0630-12090a77fc73"],"children":["ea150b7f-2906-eb5f-7d23-72db6c16e39f"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"ea150b7f-2906-eb5f-7d23-72db6c16e39f","tag":"div","classes":["d2f5e54b-7279-2e70-b2bd-f51959755dbe"],"children":["ea150b7f-2906-eb5f-7d23-72db6c16e3a0"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"ea150b7f-2906-eb5f-7d23-72db6c16e3a0","tag":"div","classes":["ec996ecb-b3d5-a986-c1e4-08d563f8f4a9","f4b1cc80-00bb-576b-d47b-7cb24f557312"],"children":["ea150b7f-2906-eb5f-7d23-72db6c16e3a1","bbe34de8-0dda-f066-f512-477d370692e0"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"ea150b7f-2906-eb5f-7d23-72db6c16e3a1","tag":"div","classes":["2b7ce42a-68c2-b493-7ffe-3975868fa804","7ebeeefc-d916-6442-5318-9181db0a596b"],"children":[],"type":"Block","data":{"tag":"div","text":false}},{"_id":"bbe34de8-0dda-f066-f512-477d370692e0","tag":"div","classes":["9a8038c6-23a2-768c-3749-d0ecde910930"],"children":["bbe34de8-0dda-f066-f512-477d370692e1","bbe34de8-0dda-f066-f512-477d370692e2","bbe34de8-0dda-f066-f512-477d370692e3"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"bbe34de8-0dda-f066-f512-477d370692e1","tag":"div","classes":["9a8038c6-23a2-768c-3749-d0ecde910933"],"children":[],"type":"Block","data":{"tag":"div","text":false}},{"_id":"bbe34de8-0dda-f066-f512-477d370692e2","tag":"div","classes":["9a8038c6-23a2-768c-3749-d0ecde910936"],"children":[],"type":"Block","data":{"tag":"div","text":false}},{"_id":"bbe34de8-0dda-f066-f512-477d370692e3","tag":"div","classes":["9a8038c6-23a2-768c-3749-d0ecde91092f"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c3036","bbe34de8-0dda-f066-f512-477d370692f0"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3036","tag":"div","classes":["b0934d9a-875a-bb42-0630-12090a77fc06"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c3037","9221f40d-6e4b-625f-eeeb-af06e51c3041"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3037","tag":"div","classes":["b0934d9a-875a-bb42-0630-12090a77fc7c","d7c9fdc7-ac46-0373-73f6-abd64633e1cd"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c3038","9221f40d-6e4b-625f-eeeb-af06e51c303e"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3038","tag":"div","classes":["2b7ce42a-68c2-b493-7ffe-3975868fa804","d7c9fdc7-ac46-0373-73f6-abd64633e1cf"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c3039"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3039","tag":"h2","classes":["b0934d9a-875a-bb42-0630-12090a77fbf7","8066747b-9975-afb0-77d3-47519fa5938c"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c303a","9221f40d-6e4b-625f-eeeb-af06e51c303b","9221f40d-6e4b-625f-eeeb-af06e51c303d"],"type":"Heading","data":{"tag":"h2","attr":{}}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c303a","text":true,"v":"May the "},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c303b","tag":"span","classes":["6a62d957-b441-b069-9564-dbd76747b081"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c303c"],"type":"Span"},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c303c","text":true,"v":"flow"},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c303d","text":true,"v":" be with you"},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c303e","tag":"p","classes":["c5240dc6-c867-071a-88c3-26c68da628ad","32551008-3b38-36a6-b292-5a7ba5368def","230b2949-3f2e-991b-481e-6c4973ab4048"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c303f","9221f40d-6e4b-625f-eeeb-af06e51c3040"],"type":"Paragraph"},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c303f","text":true,"v":"Build your website in hours with Superflow"},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3040","tag":"br","classes":[],"children":[],"type":"LineBreak","data":{"sym":{"inst":"LineBreak","overrides":{"children":[]}}}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3041","tag":"div","classes":["ce352128-35a6-8b6a-af9d-6543931881a5","0e11137e-76bd-556b-c5bd-b7c53c356b5c"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c3042"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3042","tag":"a","classes":["7460661f-a6ac-6560-822e-1693fb5a2a34"],"children":["9221f40d-6e4b-625f-eeeb-af06e51c3043"],"type":"Link","data":{"block":"inline","link":{"mode":"external","url":"#"},"button":false}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3043","tag":"div","classes":[],"children":["9221f40d-6e4b-625f-eeeb-af06e51c3044"],"type":"Block","data":{"text":true,"tag":"div"}},{"_id":"9221f40d-6e4b-625f-eeeb-af06e51c3044","text":true,"v":"Sign up for free"},{"_id":"bbe34de8-0dda-f066-f512-477d370692f0","tag":"div","classes":["9a8038c6-23a2-768c-3749-d0ecde910931"],"children":["bbe34de8-0dda-f066-f512-477d370692f1"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"bbe34de8-0dda-f066-f512-477d370692f1","tag":"div","classes":["9a8038c6-23a2-768c-3749-d0ecde910934"],"children":[],"type":"Block","data":{"tag":"div","text":false}}],"styles":[{"_id":"9a8038c6-23a2-768c-3749-d0ecde910930","fake":false,"type":"class","name":"cta1.12-card","namespace":"","comb":"","styleLess":"position: relative; perspective: 1000px;","variants":{},"children":[],"selector":null},{"_id":"ce352128-35a6-8b6a-af9d-6543931881a5","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"","styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;","variants":{"medium":{"styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;"},"small":{"styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;"},"tiny":{"styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;"}},"children":["a83c92dc-a270-d927-b19f-6d7c2084855c","227706c5-f2b4-2c8c-ba2b-3234722e15ca","33c5ad2a-2edd-bb2e-7df5-00b7202f5885","0e11137e-76bd-556b-c5bd-b7c53c356b5c","a6042bed-d02d-2c4b-1e62-9b4c6a8e1b2b","a83eb562-da45-04de-ea8f-204105b12a80","e46a1860-5ab5-aba8-2dd0-627ba70f8cf8","828ffb4c-cf1c-4187-2e4f-685fbf1bd172"],"selector":null},{"_id":"ec996ecb-b3d5-a986-c1e4-08d563f8f4a9","fake":false,"type":"class","name":"padding-vertical","namespace":"","comb":"","styleLess":"padding-top: 0rem; padding-bottom: 0rem;","variants":{},"children":["0b0adcbc-4c04-b024-b649-a6af39805c65","1f307a10-bc05-148a-758c-16608bd8d31c","61174a9e-710b-5652-7ea4-5cc6360fc2d6","f4b1cc80-00bb-576b-d47b-7cb24f557312","db730366-5704-b11c-7b21-fef9656aeafe","3a57d424-a9aa-685b-12dc-7474f7d7db28","4293209a-0291-ec71-a8b4-a6f781a4e854","48dc6594-9568-6022-a9af-e30d07a884ef","d6420e2f-ade8-5d64-a138-e5ece125483c","321a0c24-ddaa-24db-6f73-84216ee32ff5"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"9a8038c6-23a2-768c-3749-d0ecde910934","fake":false,"type":"class","name":"card__front-glow-mask","namespace":"","comb":"","styleLess":"position: absolute; left: 16px; top: 16px; right: 16px; bottom: 16px; z-index: 2; background-color: hsla(0, 0.00%, 7.45%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"230b2949-3f2e-991b-481e-6c4973ab4048","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"font-size: 1.25rem;","variants":{"tiny":{"styleLess":"font-size: 1.125rem;"}},"children":[],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"7460661f-a6ac-6560-822e-1693fb5a2a34","fake":false,"type":"class","name":"button-glowy SF1","namespace":"","comb":"","styleLess":"padding-top: 0px; padding-right: 39px; padding-bottom: 0px; padding-left: 39px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-image: linear-gradient(to right, hsla(257.0689655172414, 49.15%, 46.27%, 1.00), #7f56d9); box-shadow: none /* 1px 1px 40px 1px hsla(247.18309859154928, 58.68%, 52.55%, 0.50) */; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; font-family: Lato; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 1.2rem; line-height: 60px; font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 1px 1px 40px 1px hsla(247.18309859154928, 58.68%, 52.55%, 0.50);"},"medium":{"styleLess":"line-height: 55px;"},"small":{"styleLess":"padding-right: 20px; padding-left: 20px; line-height: 42px;"}},"children":["a8dec2d9-568a-9ae2-5f76-0714f4551086"],"selector":null},{"_id":"d7c9fdc7-ac46-0373-73f6-abd64633e1cd","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fc73","fake":false,"type":"class","name":"page-padding","namespace":"","comb":"","styleLess":"padding-right: 5%; padding-left: 5%;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["e3c172b8-b768-d8b6-d05a-3a415f8ba8d2","004b1c3c-f83b-f3f6-abff-48b4d602fdbf","f9800735-c9d9-53eb-75f6-8002429e2384","63c5eb45-b7f1-4035-d7ce-6098c62af126","a4a617e2-c9c1-ea8a-cbbe-0e08e076f1eb","0c80cb99-b4d4-6caf-4b10-25ecdf6cbd2c"],"selector":null},{"_id":"4b138029-4072-6616-b221-ebda2a947fe3","fake":false,"type":"class","name":"section-CTA1.12","namespace":"","comb":"","styleLess":"background-color: #101828;","variants":{},"children":[],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"d7c9fdc7-ac46-0373-73f6-abd64633e1cf","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"display: block; margin-left: 0rem; padding-left: 0px;","variants":{},"children":[],"selector":null},{"_id":"c5240dc6-c867-071a-88c3-26c68da628ad","fake":false,"type":"class","name":"text-size-medium SF1","namespace":"","comb":"","styleLess":"flex-grow: 0; flex-shrink: 1; flex-basis: auto; font-family: Lato; color: #667085; font-size: 1.125rem; line-height: 1.5; font-weight: 400; text-align: left;","variants":{"small":{"styleLess":"font-size: 1rem;"}},"children":["4ca52a11-8352-98f7-10d6-9e1215064e95","07c0e6b1-0000-7174-4e07-372939ee2112","32551008-3b38-36a6-b292-5a7ba5368def","133ba35f-4067-2811-66aa-6f23c9855ed0","d354c426-634f-7a5c-849a-8f02d17403eb","2061b988-b7fa-0e4c-894c-5626cdbd4ae6","7b34f96e-c70f-4f4c-123a-741136b3b42e","7e8d59a8-c479-9b8a-ffca-4f24a01999a9"],"selector":null},{"_id":"9a8038c6-23a2-768c-3749-d0ecde910931","fake":false,"type":"class","name":"card__holo-glow","namespace":"","comb":"","styleLess":"position: absolute; left: -48px; top: -48px; right: -48px; bottom: -48px; border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-image: linear-gradient(29deg, hsla(0, 0.00%, 0.00%, 0.00) 37%, hsla(224, 100.00%, 58.26%, 0.93)), linear-gradient(135deg, hsla(160, 85.34%, 54.51%, 1.00), hsla(59, 83.87%, 71.07%, 1.00) 41%, hsla(16, 98.01%, 60.59%, 1.00) 71%, hsla(273.6585365853658, 21.39%, 63.53%, 1.00)); opacity: 0.2; filter: blur(20px);","variants":{},"children":["9a8038c6-23a2-768c-3749-d0ecde910938"],"selector":null},{"_id":"2b7ce42a-68c2-b493-7ffe-3975868fa804","fake":false,"type":"class","name":"margin-bottom","namespace":"","comb":"","styleLess":"margin-top: 0rem; margin-right: 0rem; margin-left: 0rem;","variants":{"medium":{"styleLess":"margin-top: 0rem; margin-right: 0rem; margin-left: 0rem;"},"small":{"styleLess":"margin-top: 0rem; margin-right: 0rem; margin-left: 0rem;"},"tiny":{"styleLess":"margin-top: 0rem; margin-right: 0rem; margin-left: 0rem;"}},"children":["7ebeeefc-d916-6442-5318-9181db0a596b","d49f1cf6-c082-f38c-fc8a-ee71c512df2b","7d093262-973b-b8a9-4143-024ba5aab91f","227fe37b-d56b-b60c-b769-67f07f19c5db","d7c9fdc7-ac46-0373-73f6-abd64633e1ce","d7c9fdc7-ac46-0373-73f6-abd64633e1cf","d7c9fdc7-ac46-0373-73f6-abd64633e1d2","2a5c4c01-be23-948f-632f-5f4430c2f809","c0cc5464-bd71-fa09-6332-5c44bf84767e","33c5ad2a-2edd-bb2e-7df5-00b7202f5888","b112f87f-e5ed-a172-1402-b6a90e131668","a83eb562-da45-04de-ea8f-204105b12a7e","a83eb562-da45-04de-ea8f-204105b12a7f","61f91ae3-7516-4765-2add-736d9c3a580e","ea3670d6-bb54-60a6-3ad4-3cf4708c0ae0","8f27230c-8311-03a7-3489-74912eff8b27","4afb4625-1fbb-0aa6-771a-879e8efcd9f1","e25f0702-d24f-28a2-97e1-b034ec167fdd"],"selector":null},{"_id":"32551008-3b38-36a6-b292-5a7ba5368def","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"color: #667085;","variants":{},"children":["230b2949-3f2e-991b-481e-6c4973ab4048"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"9a8038c6-23a2-768c-3749-d0ecde91092f","fake":false,"type":"class","name":"card__front","namespace":"","comb":"","styleLess":"position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; z-index: 4; display: flex; overflow: hidden; padding-top: 2rem; padding-bottom: 2rem; justify-content: center; align-items: center; border-top-left-radius: 22px; border-top-right-radius: 22px; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; background-color: #101828;","variants":{},"children":[],"selector":null},{"_id":"9a8038c6-23a2-768c-3749-d0ecde910936","fake":false,"type":"class","name":"card__bg","namespace":"","comb":"","styleLess":"width: 100%; height: 50vh; border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-image: linear-gradient(to bottom, #101828,#101828);","variants":{},"children":[],"selector":null},{"_id":"0e11137e-76bd-556b-c5bd-b7c53c356b5c","fake":false,"type":"class","name":"margin-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fc06","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null},{"_id":"6a62d957-b441-b069-9564-dbd76747b081","fake":false,"type":"class","name":"Span Purple - SF1","namespace":"","comb":"","styleLess":"color: #7f56d9;","variants":{},"children":["d88d9b5b-83a4-0a1d-fff2-1e62cafd9741"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"7ebeeefc-d916-6442-5318-9181db0a596b","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"position: static; margin-top: 0rem; margin-bottom: 1rem; margin-left: 0rem; padding-left: 0px;","variants":{},"children":["3b4511d7-e7ba-8deb-3b2f-a735dc9e5585","b0551153-bf28-0cc9-886e-078397e59bd3"],"selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fc7c","fake":false,"type":"class","name":"max-width-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem;","variants":{},"children":["d7c9fdc7-ac46-0373-73f6-abd64633e1cd","bb3b669d-c937-2c3c-1b7a-c980263329ca"],"selector":null},{"_id":"9a8038c6-23a2-768c-3749-d0ecde910933","fake":false,"type":"class","name":"card__glow","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: auto; border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-image: linear-gradient(to bottom, #7f56d9,#7f56d9); opacity: 0.7; filter: blur(12px);","variants":{},"children":[],"selector":null},{"_id":"f4b1cc80-00bb-576b-d47b-7cb24f557312","fake":false,"type":"class","name":"padding-huge","namespace":"","comb":"&","styleLess":"position: relative; padding-top: 6rem; padding-bottom: 6rem;","variants":{},"children":["ba45a163-8b5d-b2e7-24dc-8083e69c4e0e"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"d2f5e54b-7279-2e70-b2bd-f51959755dbe","fake":false,"type":"class","name":"container-medium","namespace":"","comb":"","styleLess":"width: 100%; max-width: 64rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fbf7","fake":false,"type":"class","name":"heading-large SF1","namespace":"","comb":"","styleLess":"flex-grow: 0; flex-shrink: 1; flex-basis: auto; font-family: Lato; color: #101828; font-size: 3rem; line-height: 1.2; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 2rem;"}},"children":["8066747b-9975-afb0-77d3-47519fa5938c","878cc93a-2821-c7dd-e9dd-9cdee987cc32","fa80ec41-0434-586e-062d-3ef278cdd14f","51165d90-7d33-3885-bfa6-3513f28d6ee7","7d526c73-925c-0e30-181e-28208600606a"],"selector":null},{"_id":"8066747b-9975-afb0-77d3-47519fa5938c","fake":false,"type":"class","name":"font-color: white","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["e64af056-9dc7-910a-92dc-e5c43934a68c"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-346","interactionTypeId":"MOUSE_MOVE_INTERACTION","eventIds":["e-696"],"target":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e0","createdOn":1649129381282}],"events":[{"id":"e-696","name":"","animationType":"custom","eventTypeId":"MOUSE_MOVE","action":{"id":"","actionTypeId":"GENERAL_CONTINUOUS_ACTION","instant":true,"config":{"actionListId":"a-125","affectedElements":{}}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e0","appliesTo":"CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910930"]},"targets":[{"id":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e0","appliesTo":"CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910930"]}],"config":[{"continuousParameterGroupId":"a-125-p","selectedAxis":"X_AXIS","basedOn":"ELEMENT","reverse":false,"smoothing":88,"restingState":50},{"continuousParameterGroupId":"a-125-p-2","selectedAxis":"Y_AXIS","basedOn":"ELEMENT","reverse":false,"smoothing":88,"restingState":50}],"createdOn":1649129381283}],"actionLists":[{"id":"a-125","title":"transform card","continuousParameterGroups":[{"id":"a-125-p","type":"MOUSE_X","parameterLabel":"Mouse X","continuousActionGroups":[{"keyframe":0,"actionItems":[{"id":"a-125-n","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092f"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-12,"xUnit":"DEG","yUnit":"deg","zUnit":"DEG"},"instant":false},{"id":"a-125-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e5","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092e"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":24,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-125-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910933"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":12,"xUnit":"DEG","yUnit":"deg","zUnit":"DEG"},"instant":false},{"id":"a-125-n-4","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692f0","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910931"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":48,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"keyframe":100,"actionItems":[{"id":"a-125-n-5","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092f"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":12,"xUnit":"DEG","yUnit":"deg","zUnit":"DEG"},"instant":false},{"id":"a-125-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e5","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092e"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":-24,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-125-n-7","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910933"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-12,"xUnit":"DEG","yUnit":"deg","zUnit":"DEG"},"instant":false},{"id":"a-125-n-8","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692f0","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910931"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":-48,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false}]}]},{"id":"a-125-p-2","type":"MOUSE_Y","parameterLabel":"Mouse Y","continuousActionGroups":[{"keyframe":0,"actionItems":[{"id":"a-125-n-9","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092f"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":12,"xUnit":"deg","yUnit":"DEG","zUnit":"DEG"},"instant":false},{"id":"a-125-n-10","actionTypeId":"TRANSFORM_SCALE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092f"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":3,"locked":true},"instant":false},{"id":"a-125-n-11","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e5","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092e"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":24,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-125-n-12","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910933"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":-12,"xUnit":"deg","yUnit":"DEG","zUnit":"DEG"},"instant":false},{"id":"a-125-n-13","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692f0","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910931"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":48,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]},{"keyframe":100,"actionItems":[{"id":"a-125-n-14","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092f"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":-12,"xUnit":"deg","yUnit":"DEG","zUnit":"DEG"},"instant":false},{"id":"a-125-n-15","actionTypeId":"TRANSFORM_SCALE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092f"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":3,"locked":true},"instant":false},{"id":"a-125-n-16","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e5","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde91092e"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-24,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-125-n-17","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692e1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910933"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":12,"xUnit":"deg","yUnit":"DEG","zUnit":"DEG"},"instant":false},{"id":"a-125-n-18","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"629a7e84203eded3234400d7|bbe34de8-0dda-f066-f512-477d370692f0","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9a8038c6-23a2-768c-3749-d0ecde910931"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-48,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]}]}],"createdOn":1649129386540}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}