@erosnicolau/animated-text
Version:
Advanced React animated text component with comprehensive animation effects
8 lines (7 loc) • 1.1 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { DemoNavigation } from '..';
import { AnimationTypes, GroupAnimations, CreativeDemos, TypographicShowcases, ComposableEffects, VisualEffects, SizeLayoutEffects, BorderEffects, FontSizeEffects, FontWeightEffects, LetterSpacingEffects, LineHeightEffects, TextShadowEffects, LayoutEffects, UltimateEffects, StaticStyling } from '../../sections';
const DemoSections = () => {
return (_jsxs(_Fragment, { children: [_jsx(DemoNavigation, {}), _jsxs("div", { className: "container mx-auto px-4 pb-24 space-y-12", children: [_jsx(AnimationTypes, {}), _jsx(GroupAnimations, {}), _jsx(CreativeDemos, {}), _jsx(TypographicShowcases, {}), _jsx(ComposableEffects, {}), _jsx(VisualEffects, {}), _jsx(SizeLayoutEffects, {}), _jsx(BorderEffects, {}), _jsx(FontSizeEffects, {}), _jsx(FontWeightEffects, {}), _jsx(LetterSpacingEffects, {}), _jsx(LineHeightEffects, {}), _jsx(TextShadowEffects, {}), _jsx(LayoutEffects, {}), _jsx(UltimateEffects, {}), _jsx(StaticStyling, {})] })] }));
};
export default DemoSections;