diff --git a/MyUltiSnips/typescriptreact.snippets b/MyUltiSnips/typescriptreact.snippets
index 8b52cf0a..6742514d 100644
--- a/MyUltiSnips/typescriptreact.snippets
+++ b/MyUltiSnips/typescriptreact.snippets
@@ -17,6 +17,14 @@ const ${1:name} = ({}: $1Props) => {
 export default $1;
 endsnippet
 
+snippet ta "twin.macro attr" bi
+tw="$0"
+endsnippet
+
+snippet cw "typewind attr" bi
+className={tw.$0}
+endsnippet
+
 snippet ct "twind className tw``" bi
 className={tw\`$0\`}
 endsnippet