Blockly | Google Developers

The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. Blockly generates simple, syntactically-correct code ... Blockly Language English BahasaIndonesia Deutsch Español Français Português–Brasil Русский 中文–简体 日本語 한국어 Signin AJavaScriptlibraryforbuildingvisualprogrammingeditors. Home Guides Reference Samples GetHelp Summits Publications Blockly Home Guides Reference Samples GetHelp Summits Publications Home Products GoogleforEducation Blockly TryBlockly BlocklyBasics TheBlocklylibraryaddsaneditortoyourappthatrepresentscodingconceptsasinterlockingblocks.Blocklygeneratessimple,syntactically-correctcodefromtheblocksintheeditor,whichyourappcanusetorungames,controlrobots,ordoanythingelseyourimaginationcanconcieve. TheBlocklylibraryaddsaneditortoyourappthatrepresentscodingconceptsasinterlockingblocks. Itoutputssyntacticallycorrectcodeintheprogramminglanguageofyourchoice. Customblocksmaybecreatedtoconnecttoyourownapplication. Learnmore BuiltwithBlockly Blocklyisbeingusedbyhundredsofprojects,mostofthemeducational: BlocklyinabrowserallowswebpagestoincludeavisualcodeeditorforanyofBlockly'sfivesupportedprogramminglanguages,oryourown.InBlocklyGames,picturedhere,userscansolveamazeusingBlockly'seditorontheright.Blocklyis... PureJavaScriptlibrary. 100%clientside.Noserversidedependencies. Compatiblewithallmajorbrowsers:Chrome,Firefox,Safari, Opera,andIE. Highlycustomizableandextensible. Getstarted Summitvideos ThevirtualBlocklyUserSummittookplaceApril28-29,2021.Wehadaround80membersoftheBlocklycommunityattendwith16techtalksonBlocklyanditsapplications.AllofthesummittalksareavailableonYouTube. Watchthevideos extension Plugins Blocklypluginsareself-containedpiecesofcodethataddfunctionalitytoBlockly.Pluginscanaddfields,definethemes,createrenderers,andmuchmore. Exploreplugins list Codelabs Blocklycodelabsprovidestep-by-stepinstructionsonhowtouseandcustomizeBlockly. Explorecodelabs code Examples SampleprojectsthatshowhowtousemanyofBlockly'sfeatures. Exploresamples forum Forum TheBlocklydeveloperforum,whereyoucanaskandanswerquestions. Gotoforum [{ "type":"thumb-down", "id":"missingTheInformationINeed", "label":"MissingtheinformationIneed" },{ "type":"thumb-down", "id":"tooComplicatedTooManySteps", "label":"Toocomplicated/toomanysteps" },{ "type":"thumb-down", "id":"outOfDate", "label":"Outofdate" },{ "type":"thumb-down", "id":"samplesCodeIssue", "label":"Samples/codeissue" },{ "type":"thumb-down", "id":"otherDown", "label":"Other" }] [{ "type":"thumb-up", "id":"easyToUnderstand", "label":"Easytounderstand" },{ "type":"thumb-up", "id":"solvedMyProblem", "label":"Solvedmyproblem" },{ "type":"thumb-up", "id":"otherUp", "label":"Other" }] Connect Blog Facebook Medium Twitter YouTube Programs WomenTechmakers GoogleDeveloperGroups GoogleDevelopersExperts Accelerators GoogleDeveloperStudentClubs Developerconsoles GoogleAPIConsole GoogleCloudPlatformConsole GooglePlayConsole FirebaseConsole ActionsonGoogleConsole CastSDKDeveloperConsole ChromeWebStoreDashboard Android Chrome Firebase GoogleCloudPlatform Allproducts Terms Privacy SignupfortheGoogleDevelopersnewsletter Subscribe Language English BahasaIndonesia Deutsch Español Français Português–Brasil Русский 中文–简体 日本語 한국어