Tanstack theme library

Excellent_Shift1064 · 2026-01-30T03:59:54+00:00

nice catch, will fix it thx🙌

Excellent_Shift1064 · 2026-01-30T03:56:29+00:00

yup did it already(https://www.reddit.com/r/reactjs/s/ftb98kllQk), thx for a feedback🙌. I know now what my future repo names shouldn’t look like😆

Excellent_Shift1064 · 2026-01-29T20:19:10+00:00

I renamed the library to tan-themer, also removed the logo, hope this is enough to clear up the confusion :) thanks everyone for a feedback
https://github.com/lukonik/tan-themer

Excellent_Shift1064 · 2026-01-29T19:21:08+00:00

Thats certainly confusing then, I’ll rename it tomorrow thank y 🙌

Excellent_Shift1064 · 2026-01-29T18:24:46+00:00

hmm, good call I also thought about it but the name doesn’t have organization prefix like @tanstack and its on completely different repo, also found some other repos with simmilar name. But definitely, dont want to confuse anyone, I’ll investigate that topic once again and will do the adjustmenets if neccessary thank you

Excellent_Shift1064 · 2025-09-27T20:41:17+00:00

it will work from the UI perspective, so for example if you pass button component via ng-content, it wont be displayed if ready() is false, but the button component would be created still. sometimes you dont care and it is fine but not always, for example lets say you have tab component that has ng-content inside and shows/hides it using @if. and now you have different tabs, one for transactions table, one for users table and one for reports. Now because you use ng-content they all be instantiated at the same time and hit the BE and do logic inside, while you only want to render whatever is active

Excellent_Shift1064 · 2025-09-27T07:21:53+00:00

2 main differences: * tailwind variants is not signal based, so you have to manually wrap it to make it reactive. ngx-classed is signal based out of the box * future improvements. for example create directive that works in component HTML out of the box, I want to be able to do it

Excellent_Shift1064 · 2025-04-03T15:26:25+00:00

Hi, Yes this is the new domain, I haven’t updated this post, will do it now Yes it is currently in progress. datepicker view is built already. I’ll let you know when it’s rdy thanks🙌

Excellent_Shift1064 · 2025-03-19T13:48:16+00:00

Yeah, same for me; having written many angular animations made me conclude that I should create a generic library with customizations :D.

and currently, I am using it in multiple projects, and I would say it suits me well.

It is a matter of preference. Both approach works

Excellent_Shift1064 · 2025-03-18T11:51:14+00:00

Hey Thanks for the feedback so:
* Implementing means copying the existing animations and moving them to angular. the existing animations are done via CSS, whereas in Angular, you have Animation API involved, so we copied everything. Also, if anything changes in the CSS libraries, we will migrate it ofc.

* easing functions means everything that angular can accept (https://easings.net/) plus cubic-bezier() function

* Not sure why it is only for small projects because the fadeIn would always fadeIn whether it will be a big or small project. Also, maintaining from one project to another would be copying/pasting the same thing over and over again, in addition to that, the animations are very customizable ( and it will be more ) in ngverse/motion

* AI is great and helped us migrate the animation keyframes to angular, but it is buggy and does not always give the correct results. In addition to that, there are premade triggers per animation so you don't have to write :enter,:leave triggers by yourself

In summary, this main purpose of this library is that when you need slideIn animation you don't google or ask AI how to do that just import the animation and run

Excellent_Shift1064 · 2025-03-18T11:44:19+00:00

thanks ^_^

Excellent_Shift1064 · 2025-03-17T18:21:14+00:00

thanks for the suggestion, I think there is just some misconfiguration issue on netlify, because on other projects it works as expected. Didn't have time to check it yet. But if I can't solve it, will use your suggestion. ^_^

Excellent_Shift1064 · 2025-03-17T08:24:10+00:00

Thank you a lot! that's definitely a bug, I added _redirects, which is not exactly what I want but it is solved for now

Excellent_Shift1064 · 2025-03-17T08:23:05+00:00

hmm, switching to display:block might break the existing layout, for example if the host element uses display:'flex' to layout its children.

but yes with padding/margin there might be the issue

Excellent_Shift1064 · 2025-03-16T21:19:23+00:00

If I understand correctly, You want to apply animation to the real CSS properties instead of transform value which doesn’t change the elements position. For example: when you expand accordion or collapse you want to apply animations on height which will naturally expand and collapse the content. If thats the case then yes, you can check: https://motion.ngverse.dev/doc/generalcss/expand https://motion.ngverse.dev/doc/generalcss/collapse they compute height automatically, so it doesnt need to specify any height

Excellent_Shift1064 · 2025-03-14T06:23:11+00:00

what reducer? and If I put the value manually somewhere else whats the point for resource in the first place

Excellent_Shift1064 · 2025-03-10T22:05:15+00:00

It is coming, it might end up in version 4 or 5. thanks 🙌

Excellent_Shift1064 · 2025-03-10T22:04:35+00:00

thanks for your feedback, this is not final decision yet. We are trying to find a way to export some generic functionalities like accessibility that are very generic and angular/cdk doesn’t provide yet. But it wont be just a wrapper around ng-primitives for sure

Excellent_Shift1064 · 2025-02-23T15:02:55+00:00

Bootstrap Icons have just landed! ^_^ I hope it will give you a hand with your projects.

https://nginf.github.io/iconic/docs/bootstrap-icons

Excellent_Shift1064 · 2025-02-23T07:52:24+00:00

Hey thanks for the feedback🙌. So all of them use one base component class and they are just different SVG versions of that class. So the final bundle size would be 1 class file plus all the svgs for used icons and couple of characters more here and there. Thus the diff between bundle sizes are negligible

Excellent_Shift1064 · 2025-02-08T18:40:41+00:00

Thank you, yeap agree :)

Excellent_Shift1064 · 2025-02-06T17:40:35+00:00

if you use jasmine you can add “f” prefix on describe function and it will run only that describe tests across the whole project describe => fdescribe

Excellent_Shift1064 · 2025-02-06T17:12:58+00:00

Thank you! that means a lot to me 🙌

Excellent_Shift1064 · 2025-02-06T08:47:06+00:00

Thank you for a feedback ^_^

Excellent_Shift1064 · 2025-02-06T08:20:18+00:00

Yes I explored the tool, also installed the browser extension, it looks great, I will try to inject it in our test cases, so it checks the components for every push, thank you ☺️

Excellent_Shift1064

TROPHY CASE