Sync widgets demo

packages/tasks/src/model-libraries-snippets.ts

@@ -153,6 +153,14 @@ model = from_pretrained_keras("${model.id}")
 `,
 ];
 
+export const keras_nlp = (model: ModelData): string[] => [
+	`import keras_nlp
+
+tokenizer = keras_nlp.models.Tokenizer.from_preset("hf://${model.id}")
+backbone = keras_nlp.models.Backbone.from_preset("hf://${model.id}")
+`,
+];
+
 export const open_clip = (model: ModelData): string[] => [
 	`import open_clip
 

packages/tasks/src/model-libraries.ts

@@ -190,6 +190,7 @@ export const MODEL_LIBRARIES_UI_ELEMENTS = {
 		repoName: "KerasNLP",
 		repoUrl: "https://keras.io/keras_nlp/",
 		docsUrl: "https://github.com/keras-team/keras-nlp",
+		snippets: snippets.keras_nlp,
 	},
 	k2: {
 		prettyLabel: "K2",