![](https://habrastorage.org/webt/oz/f9/_d/ozf9_dlsff1vgzeuq9tku_a0jnw.png)
Hoje (15 de abril de 2020), temos o prazer de anunciar que o CodePen , o principal ambiente de desenvolvimento para milhões de desenvolvedores e designers de front-end, adicionou suporte ao Flutter ! Para desenvolvedores da web, o CodePen é um ótimo lugar para compartilhar experimentos de design, novas abordagens e idéias. Agora, com o advento do Flutter, o CodePen oferece ao público novas oportunidades para aprender, compartilhar e promover sua criatividade.
O que diz Alex Vazquez (um dos co-fundadores do CodePen):
O CodePen é um grande fã do Flutter e da linguagem de programação Dart há muitos anos. Ficamos muito satisfeitos que o Flutter agora suporte dispositivos móveis e a web. Além disso, a comunidade Flutter está crescendo rapidamente, e é por isso que temos o prazer de oferecer suporte ao Flutter com seu próprio editor CodePen personalizado! Flutter é oficialmente um membro importante da comunidade CodePen. Esperamos ansiosamente ver o que você cria com o Flutter no CodePen.
Flutter . -, , Adobe SuperNova Flutter Interact, , Fast Flutter . Flutter CodePen , !
Flutter CodePen backend- dart-services, DartPad (-, Flutter Dart, Flutter). DartPad, , Flutter Dart, . dart-services, , CodePen, .
DartPad – , ( ) . CodePen, CodePen , , , , . Flutter CodePen " ", , , DartPad " ", - .
![](https://habrastorage.org/webt/zj/hc/di/zjhcdiabykp-dgdwppopghygply.gif)
"Light effect" Mariano Zorrilla
Flutter CodePen
Flutter CodePen. "" Flutter ( Codepen " ") , . Flutter (@aednlaxer, @ayushnishad, @diegoveloper, @divyanshub024, @egorbelibov, @gskinnerTeam, @mkiisoft, @orestesgaolin, @SlaxXxX ) , .
"GooeyEdge". , Flutter , - – . "" , .
![](https://habrastorage.org/webt/gf/hg/91/gfhg913z6jr27dt51lhudj7ucbm.gif)
"Gooey edge" Grant Skinner
Flutter , . , ( 326), , ! CodePen , . , .
![](https://habrastorage.org/webt/nl/eg/2o/nleg2ohdvoms6aabbx2uoea9x0e.png)
, , . , 1. , . .
![](https://habrastorage.org/webt/j5/xk/lf/j5xklfxri_dlptr7xyvoifll9co.png)
C
CodePen, , . , "" Flutter "", , , , "" (. fork), !!
![](https://habrastorage.org/webt/nx/rf/f-/nxrff-uer-uhwzhpk0uzn7fyg1k.png)
![](https://habrastorage.org/webt/tm/4z/7r/tm4z7rjurw3x0ewdrofjwmmzhpq.png)
!
Esperamos que este novo site do Flutter no CodePen permita que você crie e mostre suas animações, idéias, vinhetas e muito mais. Compartilhe seus projetos conosco no Twitter usando #FlutterPen . Estamos realmente ansiosos para ver o que você cria! Se você perdeu o anúncio de educação gratuita na semana passada, pode lê-lo aqui . E veja os dois: muito em breve teremos novas notícias.